我正在尝试显示 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>
这是我的工作版本的链接
如果您想显示公交和自行车 map ,则需要两个单独的 id
才能显示 map - @dalewatt
关于javascript - 特定交通服务未出现在交通层 Google Maps Javascript API 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49778680/