我需要两件事
1) 实时更新,无需刷新页面 2) 标记上的标签,用于识别谁在哪里。
我遇到的一些代码确实通过 JS 在 map 上放置了标记,但没有刷新就没有实时更新..
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<style>
#map-canvas
{
height: 400px;
width: 500px;
}
</style>
</head>
<body>
<div id="map-canvas"></div>
<script>
var myLatLng = new google.maps.LatLng( 54.0239304,-1.5453314000000091 ),
myOptions = {
zoom: 4,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
},
map = new google.maps.Map( document.getElementById( 'map-canvas' ), myOptions ),
marker = new google.maps.Marker( {position: myLatLng, map: map} );
marker.setMap( map );
setTimeout( function(){
marker.setPosition( new google.maps.LatLng( 54.0239304,-1.5453314000000091 ) );
map.panTo( new google.maps.LatLng( 54.0239304,-1.5453314000000091 ) );
}, 1500 );
</script>
</body>
</html>
任何有关此主题的帮助将不胜感激。
最佳答案
“实时更新” - 当您收到新的传入数据时,您必须检查传入数据的 ID(如果有 ID)并检查当前 map 上是否有任何具有该 ID 的标记。 myOptions 只是一个对象,因此您可以在其中添加您的 id(即“markerId:1234567”)。
关于javascript - 更新实时谷歌地图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43307996/