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

标签 javascript google-maps-api-3

我正在尝试显示 MART我正在使用 Javascript API 构建网络 map 上的交通系统。已列出here谷歌将其列为拥有交通数据的城市之一,事实上,当你访问谷歌地图时,那里有公交车数据。

此处列出的交通图层示例页面可以正常工作并显示波士顿、芝加哥、华盛顿特区等(但不是 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>

看起来应该可以,但运气不好。 map 出现,以正确位置为中心,但没有 MART 的交通数据。然而,如果你看看波士顿,就会发现那里有交通层(以及华盛顿特区、芝加哥等)。一般来说,它似乎只显示火车线路,但不显示公交线路。任何帮助将不胜感激。谢谢!

最佳答案

您可能会添加一些 css,因为它可以工作但不显示

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

这是我的工作版本的链接

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

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

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

相关文章:

javascript - 如何从列表框列表项中获取值

javascript - 如何从 Javascript 中最好地使用 JSF2 资源

javascript - map 标记 getPosition() 在第一次调用函数时不适用于谷歌地图

python - 使用 Python 实现基本的 Google Place Add

javascript - 更改谷歌地图方向 api V3 中的单个标记

javascript - a 帧屏幕截图仅适用于基元

javascript - 从客户端使用 Ajax 调用 Wordpress 函数

javascript - 输入达到 3 个字符时执行基于 javascript 的搜索

javascript - 在 map 上用实线和虚线标记绘制路径

google-maps - 需要传递地址而不是 latlong - Google map v3