gmaps.js | 添加新標記時刪除舊標記

Question

我正在嘗試創建一個位置輸入字段，用戶可以在其中選擇一個位置。 因此，地圖上應該只有一個標記 。

我當前的代碼在點擊時添加了一個標記：

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