3

現在、以下のコードを使用してマップにマーカーを追加しています。javascript コマンドを押して、いつでも削除できるようにしたいと思います。これは可能ですか?

元。5つのマーカーを配置..残りの4つを保持しながら、3番目のマーカーを削除.

$('#map').show();
var geocoder = new google.maps.Geocoder();
var address = document.getElementById("address").value +", " + document.getElementById("city").value;

geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
    var lat = results[0].geometry.location.lat();
    var lng = results[0].geometry.location.lng();
    locationsall[counter] = new Array();
    locationsall[counter][0] = address;
    locationsall[counter][1] = lat;
    locationsall[counter][2] = lng;
    var mapOptions = {
        zoom: 13,
        center: new google.maps.LatLng(lat, lng),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
var marker, i;
for (i = 0; i < locationsall.length; i++) {  
    marker = new google.maps.Marker({
    position: new google.maps.LatLng(locationsall[i][1], locationsall[i][2]),
    map: map,
    title: 'You are here!'
    });
}
counter++;
} else {
    alert("Geocode was not successful for the following reason: " + status);
}

}); }

編集1:

        }).text("Remove").click(function() {
    var index2 = $tr2.index();
    $("#locationDeals input[type='hidden']").each(function() {
        this.name = this.name.replace(/\[(\d+)\]/, function(str2, number2) {
          return "[" + (+number2 > index2 - 1 ? number2 - 1 : number2) + "]";
        });
    });
    //locationsall[locations.indexOf(location)].setMap(null);
    $tr2.remove();
    locations.splice(locations.indexOf(location), 1);
    return false;
        }).appendTo($tdRemoveRow2);
4

2 に答える 2

2

for loopあなたの定義の外では、Array追加されたすべてのマーカーを保持します。例えばallMarkers = []

マーカーfor loopを作成した後、その配列にプッシュします。例えばallMarkers.push(marker)

最初のマーカーを削除したい場合: allMarkers[0].setMap(null)、または 3 番目のマーカーを削除したい場合:allMarkers[2].setMap(null)

于 2012-11-02T22:13:34.843 に答える
1

はい、可能です。Google マップのドキュメントでは、コード例などを含め、これを完全にカバーしています。基本的に、マーカーはマップ自体ではなくオーバーレイです。これらのオーバーレイを配列に入れてsetMap()から、null を使用して非表示にすることができます。

ここに完全なドキュメントがあります。

于 2012-11-02T22:16:38.163 に答える