Интеграция Bing Maps в API Карт Google

Question

В настоящее время мне удалось интегрировать OpenStreetMap в API Карт Google, как описано в this example. Интересно, могу ли я также интегрировать Bing Maps плитки в API Карт Google. Является ли это возможным? Я ничего не мог с этим поделать.

Примечание: Я знаю о mapstraction, но на данный момент я хотел бы придерживаться API Карт Google.

Заранее спасибо.

Answer 1

На основании примера OpenStreetMap, который вы указали, я бы сказал, что это возможно, но это может быть довольно сложной задачей. Я бы настоятельно советовал ему, так как пример OSM использует версию 2 API Google и теперь официально устарел.

Но если вы хотите попробовать, я бы адаптировал пример OSM, чтобы указать на плитки Bing и убедиться, что свойство tileUrlTemplate соответствует формату Bing для хранения плиток. К сожалению, Bing использует quad tree format, в то время как Google использует coordinate based format для хранения плит и доступа к ним через URL. Важно понимать различия, если вы собираетесь сделать пример работы, поэтому обязательно загляните в ссылки на документацию выше. Кроме того, MapTiler имеет fantastic visualization различных форматов плитки. Я нашел это бесценным.

Лично я бы использовал OpenLayers. Поскольку Bing и Google используют сферический меркатор, добавление нескольких источников плитки на одну карту - тривиальное упражнение. Пример Here.

Answer 2

function TileToQuadKey (x, y, zoom){ 
    var quad = ""; 
    for (var i = zoom; i > 0; i--) { 
    var mask = 1 << (i - 1); 
    var cell = 0; 
    if ((x & mask) != 0) cell++; 
    if ((y & mask) != 0) cell += 2; 
    quad += cell; 
    } 
    return quad; 
} 

var bingMapType = new google.maps.ImageMapType({ 
    name: "Bing", 
    getTileUrl: function(coord, zoom) { 
    // this returns aerial photography 
    return "http://ecn.t1.tiles.virtualearth.net/tiles/a" + 
     TileToQuadKey(coord.x, coord.y, zoom) + ".jpeg?g=1173&n=z"; 
     // i dont know what g=1173 means 
    }, 
    tileSize: new google.maps.Size(256, 256), 
    maxZoom: 21 
});