javascript - 特定运输服务未出现在运输层Google Maps Javascript API中

我正在尝试在使用Javascript API构建的网络地图上显示MART运输系统。 Google将该城市列为here，这是他们拥有公交数据的城市之一，实际上，当您访问Google地图时，那里就有公交数据。

此处列出的运输层示例页面可以正常工作，并显示波士顿，芝加哥，哥伦比亚特区等的运输数据，但不显示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，芝加哥等）。通常，它似乎仅显示火车线路，而不显示公交线路。任何帮助将不胜感激。谢谢！

最佳答案

您可能要添加一些CSS，因为它可以正常工作但没有显示

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

这是我的工作版本的链接

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

如果要显示公交和自行车地图，则需要两个单独的ids来显示地图-@dalewatt

关于javascript - 特定运输服务未出现在运输层Google Maps Javascript API中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49778680/