可以叠加两张谷歌地图吗?

时间:2013-03-25 16:39:10

标签: javascript google-maps

我的目标是可以比较/谷歌地图中的两个地铁系统,但我不知道如何。理想情况下,如果可以将两个公共交通系统覆盖为地图,那将是很好的。

到目前为止(下面的代码)我关闭了除了公交线路和车站以外的所有设施。不确定灰色的“背景”是否会覆盖它的问题 - 如果它甚至可以覆盖两个谷歌地图。在地图api帮助页面上找不到任何内容。

如果不可能, - 你会推荐什么?

我需要知道的另一件事是,是否可以将这些传输线颜色设置为每个地图一种颜色,但我想我应该打开一个新问题?

非常感谢你的帮助, SHDY

var map;
      function initialize() {
        var mapOptions = {
          zoom: 11,
          center: new google.maps.LatLng(40.734077,-73.977699),  
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          styles: [
  {
    "featureType": "administrative",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "landscape",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "water",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "road",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "poi",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "transit",
    "elementType": "geometry",
    "stylers": [
      { "color": "#000d0c" },
      { "visibility": "off" }
    ]
  }
]
        };
        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
        var transitLayer = new google.maps.TransitLayer();
        transitLayer.setMap(map);
      }

      google.maps.event.addDomListener(window, 'load', initialize);

1 个答案:

答案 0 :(得分:1)

可以叠加两个(或更多)地图;我用两个不同的自定义图块层来完成。看到    http://maps.webfoot.com/demos/election2008/ 对于最多三层的地图。

困难的部分是弄清楚如何叠加它们,以便人们可以看到两者。也许你可以在其中一个像素中清除大部分像素。也许你让顶层透明。也许你在顶层打了一个窗口,这样你就可以看到下面的底层。您必须弄清楚如何保持两个图层的可见性。