Question

I am using google map API V3. i want to use a custom marker instead of that red marker. Earlier the code was

   var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    // display map
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    if(display_marker) {
        // create a map marker
        var marker = new google.maps.Marker({
            map: map,
            position: latlng
        });
    }

but for the custom marker, i changed the code to

var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    // display map
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


        // create a map marker
        var image = 'imgs/pin.png';
        var marker = new google.maps.Marker({
            map: map,
            position: latlng,
            icon: image
        });

but yet this is not working.

Answer 1

The image path is likely incorrect but,

You could also eliminate var image and just define the icon under var marker depending on your situation.

var marker = new google.maps.Marker({
            map: map,
            position: latlng,
            icon: 'imgs/pin.png',
        });