gmaps.js |添加新标记时删除旧标记

时间:2018-01-09 08:05:26

标签: javascript jquery google-maps google-maps-api-3 gmaps.js

我正在尝试创建一个位置输入字段,用户将在其中选择一个位置。所以地图上应该只有一个标记

我当前的代码会在点击时添加标记:

    var map = new GMaps({
        div: '#m_gmap_2',
        zoom: 16,
        lat: -12.043333,
        lng: -77.028333,
        click: function(e) {
                     var lat = e.latLng.lat();
                     var lng = e.latLng.lng();
                     map.addMarker({
                                lat: lat,
                                lng: lng,
                                title: 'College Location'
                     });
        },
    });

但我无法弄清楚如何删除click()addMarker()函数中的上一个标记。

我该怎么做呢?

1 个答案:

答案 0 :(得分:1)

保存上一个标记,以便在添加新标记时将其删除。例如:

var marker;
var map = new GMaps({
    div: '#m_gmap_2',
    zoom: 16,
    lat: -12.043333,
    lng: -77.028333,
    click: function(e) {
        if( marker ) marker.setMap( null );
        var lat = e.latLng.lat();
        var lng = e.latLng.lng();
        marker = map.addMarker({
            lat: lat,
            lng: lng,
            title: 'College Location'
        });
    },
});
相关问题