单击按钮时更改标记图像

Question

I'm using gMap2, and I'd like to change the marker image from "marker1.png" to "marker2.png" when a button is clicked . I have the following code:

// 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";
});

Here's the jsFiddle: http://jsfiddle.net/hrLga/

Thanks a lot!

Answer 1

我相信您需要在customMarker更改后再次调用gMap。