将 Bing 地图图块集成到 Google 地图 API 中

Question

我目前设法将 OpenStreetMap 集成到 Google Maps API 中，如 此示例。我想知道是否也可以将 Bing Maps tiles 集成到 Google Maps API 中。是否可以？我找不到任何相关信息。

注意：我确实了解 mapstraction，但目前我想坚持使用 Google Maps API。

提前致谢。

Answer 1

根据您引用的 OpenStreetMap 示例，我想说这是可能的，但可能是一个相当大的挑战。我强烈建议不要这样做，因为 OSM 示例使用 Google API 的版本 2，并且现已正式弃用。

但如果您想尝试一下，我会调整 OSM 示例以指向 Bing 图块，并确保 tileUrlTemplate 属性与 Bing 存储图块的格式匹配。不幸的是，Bing 使用四叉树格式，而 Google 使用基于坐标的格式，用于存储图块并通过网址访问它们。如果您要使该示例正常工作，那么了解这些差异非常重要，因此请务必深入研究上面的文档链接。此外，MapTiler 还可以对不同图块格式进行出色的可视化在那里。我发现这是无价的。

就我个人而言，我会使用 OpenLayers。由于 Bing 和 Google 都使用球形墨卡托，因此向单个地图添加多个图块源是一项微不足道的练习。 这里是一个示例。

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
});