Maps API v3 setIcon

by upsidown

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map-canvas"></div>
<button id="btn1">Bottone1</button>

CSS

#map-canvas {
    height: 400px;
}

JavaScript

function initialize() {

    var icon1 = 'http://placehold.it/50/ffffff';
    var icon2 = 'http://placehold.it/50/ff00aa';

    var myLatLng = new google.maps.LatLng(46.2, 6.17);
    var mapOptions = {
        zoom: 4,
        center: myLatLng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: icon1
    });

    var btn1 = document.getElementById('btn1');

    google.maps.event.addDomListener(btn1, 'click', function () {

        marker.setIcon(icon2);
    });
}

initialize();