特定的公交服​​务未出现在公交层Google Maps Javascript API

时间:2018-04-11 15:10:44

标签: javascript google-maps-api-3

我正在尝试在我使用Javascript API构建的网络地图上显示MART公交系统。它被谷歌列为here作为他们拥有公交数据的城市之一,而且当你去谷歌地图时,那里有公交车数据。

此处列出的传输层示例页面用于显示波士顿,芝加哥,DC等的传输数据,但不显示MART。代码如下:

<body>
<div id="map"></div>
<script>
  function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 12,
      center: {lat: 42.54, lng: -71.79}
    });

    var transitLayer = new google.maps.TransitLayer();
    transitLayer.setMap(map);
    var bikeLayer = new google.maps.BicyclingLayer();
    bikeLayer.setMap(map);
  }
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyChFsvLbqcDVBUQMFQJaMxA19PhTys6ZxY&callback=initMap">
</script>
</body>

似乎它应该工作但没有运气。地图显示在正确位置的中心,但没有MART的传输数据。但是,如果你去看看波士顿,那里会出现中转层(以及DC,芝加哥等)。一般来说,它似乎只显示列车线但没有公交线路。任何帮助将不胜感激。谢谢!

1 个答案:

答案 0 :(得分:-1)

您可能会添加一些css,因为它正在运行但未显示

<style>
       #map {
        height: 400px;
        width: 100%;
       }
    </style>

这是我工作版的链接

  

https://jsfiddle.net/mpuzz0tb/6/

如果您想显示公交和自行车的地图,您需要两个单独的ids才能显示地图 - @dalewatt