Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/258.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 实时更新谷歌地图_Javascript_Php_Html_Gps - Fatal编程技术网

Javascript 实时更新谷歌地图

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:

我需要两样东西

1) 无需页面刷新的实时更新 2) 标记器上的一个标记,用于标识谁在哪里

这是我遇到的一些代码,它通过JS在地图上放置标记,但没有刷新就没有实时更新

<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”)。

谢谢。但上面的代码只有在刷新后才能工作。谢谢。但上面的代码仅在刷新时有效。