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

Question

我正在尝试创建一个位置输入字段，用户将在其中选择一个位置。因此 map 上应该只存在一个标记。

我当前的代码在点击时添加了一个标记:

    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() 函数中删除先前的标记。

我怎样才能做到这一点？

Answer 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'
        });
    },
});