Создание пользовательского маркера с помощью Google Map API V3

Question

Я использую Google Map API V3. Я хочу использовать собственный маркер вместо этого красного маркера. Ранее код был

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

но для пользовательского маркера я изменил код на

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

но пока это не работает.

Answer 1

Путь к изображению, вероятно, неверен, но,

Вы также можете исключить var image и просто определить значок под var marker в зависимости от вашей ситуации.

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

Answer 2

Ваш код выглядит хорошо.

Возможно, путь к изображению отключен.

Попробуйте поместить pin.png в ту же папку, что и карта, а затем измените

var image = 'imgs/pin.png';

до

var image = 'pin.png';

Если это работает, то вам нужно пересмотреть путь, возможно, к чему-то вроде

var image = '/imgs/pin.png';

или

var image = '../imgs/pin.png';