javascript - ボタンがクリックされたときにマーカー画像を変更する

Question

gMap2 を使用しており、ボタンがクリックされたときにマーカー画像を「marker1.png」から「marker2.png」に変更したいと考えています。次のコードがあります。

// Declare the marker
var customMarker = "img/marker1.png";

// Initialize the map
$('#map').gMap({

    address: "Paris, France, cité Nollez 3.",
    zoom: 12,
    markers:[
        {
            address: "Paris, France, cité Nollez 3.",
            html: "_address"
        }
    ],
    icon: {
        image: customMarker, 
        iconsize: [61, 63],
        iconanchor: [12, 46]
    }

});

// Change marker image on button click
$("button").click(function(){
    customMarker === "img/marker2.png";
});

jsFiddle は次のとおりです: http://jsfiddle.net/hrLga/

どうもありがとう！

Answer 1

customMarker が変更された後、gMap を再度呼び出す必要があると思います。