我正在尝试在我使用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,芝加哥等)。一般来说,它似乎只显示列车线但没有公交线路。任何帮助将不胜感激。谢谢!
答案 0 :(得分:-1)
您可能会添加一些css,因为它正在运行但未显示
<style>
#map {
height: 400px;
width: 100%;
}
</style>
这是我工作版的链接
如果您想显示公交和自行车的地图,您需要两个单独的ids
才能显示地图 - @dalewatt