Javascript 单击按钮时更改标记图像

Javascript 单击按钮时更改标记图像,javascript,jquery,marker,jquery-gmap2,Javascript,Jquery,Marker,Jquery Gmap2,我正在使用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:[ {

我正在使用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";
});
以下是JSFIDLE:


非常感谢

我认为在customMarker更改后,您需要再次致电gMap。

我认为在customMarker更改后,您需要再次致电gMap。@Adam将您的评论作为答案提交,以便将问题标记为已解决,并为您赢得积分。