Значок маркера отображает как традиционный значок, так и пользовательский значок после настройки значка в конструкторе маркеров - PullRequest
Новая
       9

Значок маркера отображает как традиционный значок, так и пользовательский значок после настройки значка в конструкторе маркеров

0 голосов
/ 30 сентября 2019

У меня есть карта на виде, которая отображает некоторые маркеры и информационные поля. Все работает нормально, но когда я установил для свойства значка карты уникальное изображение, маркер отображает оба изображения с моим уникальным значком, наложенным на PIN-код Google по умолчанию. Вот как это выглядит в настоящее время:! https://imgur.com/a/6P1tgE7

Я пробовал многочисленные определения в конструкторе карты, но результат был таким же. 

var image = 'http://maps.google.com/mapfiles/ms/icons/rangerstation.png';

//Add markers to view
function addMarker(x, y, ward, community, lganame, projecttype) {
    var location = new google.maps.LatLng(x, y);
    var marker = new google.maps.Marker({
        position: location,
            map: map,
            title: ward
        });

    marker.setIcon(image);

    addInfoWindowToMarker(marker, ward, community, lganame, projecttype);
}

Мне бы хотелось, чтобы значок былотображается как тот, который я указываю, и полностью игнорирует маркер Google Maps по умолчанию.

1 Ответ

0 голосов
/ 03 октября 2019

Я решил проблему, изменив определение маркера как таковое. Обратите внимание, что я также уменьшил размер или улучшил представление. 

        function addMarker(x, y, ward, community, lganame, projecttype) {
            var location = new google.maps.LatLng(x, y);
            var marker = new google.maps.Marker({
                position: location,
                map: map,
                title: ward,
                //icon: 'http://maps.google.com/mapfiles/ms/icons/rangerstation.png',
                icon: new google.maps.MarkerImage(
                'http://maps.google.com/mapfiles/ms/icons/rangerstation.png',
                null, /* size is determined at runtime */
                null, /* origin is 0,0 */
                null, /* anchor is bottom center of the scaled image */
                new google.maps.Size(20, 20)
              )
            });
            //Call info windows and bounce event listener so the marker animates when it is clicked
            addInfoWindowToMarker(marker, ward, community, lganame, projecttype);
        }

It works just fine now.
...