javascript - 更新实时谷歌地图

标签 javascript php html gps

我需要两件事

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/

相关文章:

JavaScript 代码导致 iOS Safari 崩溃

php - 一个简单的 SQL 请求

在 Laravel 5.5 中更新代码时,php artisan serve 被缓存或没有反应。重新启动后,它每次都会再次运行

html - 修复按钮位置网站html

javascript - 下拉框的自定义 CSS

php - CSS 中的命名空间/作用域

javascript - 嵌套参数的 ES6 对象解构默认值

javascript - 如何使用 webpack 生成 d.ts 和 d.ts.map 文件?

javascript - 在 Dynamics 365 门户网站中记录客户端错误的任何选项?

php - Socket.IO 实时聊天的 nodeJS 和 PHP (Laravel) 集成