谷歌地图 - 如何添加标记而不刷新布局

时间:2015-04-22 19:12:01

标签: javascript google-maps web refresh marker

添加标记时出现问题。

        var marker = new google.maps.Marker({
        position: myLatlng,
        title:"Hello World!"
    });

    // To add the marker to the map, call setMap();
    marker.setMap(map);

https://jsfiddle.net/73ogq84a/

简单的例子,我每隔一秒就放置标记,页面不重新加载,但重新加载一些布局,我们看到地图重新加载的效果。

可以顺利地放置标记。

但是在这个页面上http://www.flightradar24.com/simple_index.php一切正常,飞机正在飞行,没有地图重装的效果。

2 个答案:

答案 0 :(得分:1)

创建标记时提供地图属性:

function placeMarker(location) {
   var marker = new google.maps.Marker({
    position: location, 
    map: map,
    title:"Hello World!"
});

答案 1 :(得分:1)

使标记和地图全局化。不要每次都重新创建地图,只需移动标记。

var map, marker, myLatlng;

setInterval(function () {
    if (!marker || !marker.setPosition) {
        marker = new google.maps.Marker({
            position: myLatlng,
            title: "Hello World!"
        });

        // To add the marker to the map, call setMap();
        marker.setMap(map);
    } else {
        marker.setPosition(myLatlng);
    }

}, 5000);

updated fiddle