Javascript 实时更新谷歌地图
我需要两样东西 1) 无需页面刷新的实时更新 2) 标记器上的一个标记,用于标识谁在哪里 这是我遇到的一些代码,它通过JS在地图上放置标记,但没有刷新就没有实时更新Javascript 实时更新谷歌地图,javascript,php,html,gps,Javascript,Php,Html,Gps,我需要两样东西 1) 无需页面刷新的实时更新 2) 标记器上的一个标记,用于标识谁在哪里 这是我遇到的一些代码,它通过JS在地图上放置标记,但没有刷新就没有实时更新 <html> <head> <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <style> #map-canvas { height: 400px; width:
<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>
#地图画布
{
高度:400px;
宽度:500px;
}
var mylatng=new google.maps.LatLng(54.0239304,-1.5453314000000091),
myOptions={
缩放:4,
中心:myLatLng,
mapTypeId:google.maps.mapTypeId.ROADMAP
},
map=new google.maps.map(document.getElementById('map canvas'),myOptions),
marker=new google.maps.marker({position:mylatng,map:map});
marker.setMap(map);
setTimeout(函数(){
marker.setPosition(新的google.maps.LatLng(54.0239304,-1.5453314000000091));
panTo(新的google.maps.LatLng(54.0239304,-1.5453314000000091));
}, 1500 );
非常感谢您在这方面提供的任何帮助。实时更新-当您收到新的传入数据时,您必须检查传入数据的id(如果它有id),并检查地图上当前是否有任何具有该id的标记。myOptions只是一个对象,因此您可以将您的id添加到其中(即“markerId:1234567”)。“实时更新”-当您获得新的传入数据时,您必须检查传入数据的id(如果它有id),并检查地图上当前是否有具有该id的标记。myOptions只是一个对象,因此您可以在那里添加您的id(即“markerId:1234567”)。谢谢。但上面的代码只有在刷新后才能工作。谢谢。但上面的代码仅在刷新时有效。