Как я могу показать значок в маркере функции GeoJSON ‘point’ с помощью API Google Maps?

Question

Как я могу показать значок в маркере функции GeoJSON ‘point’ с помощью API Google Maps?

Я пытаюсь создать небольшое приложение, используя Google Maps JS API. Я использую слой данных для загрузки набора точек из файла GeoJSON.

Файл, кажется, загружается правильно, и карта отображается, но значки, которые установлены в map.data.setstyle() не покажет

function init() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 17,
center: new google.maps.LatLng(35.042248, -80.662319),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
map.data.setStyle(function(feature) {
var theaterName = feature.getProperty('name');
return {
icon: {
url: "maps.gstatic.com/mapfiles/ms2/micons/marina.png",
}
visible: true,
clickable: true,
title: theaterName
};
});
}

1

geojson google-maps-api-3 marker php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

У вас здесь дополнительная точка с запятой:

url: "maps.gstatic.com/mapfiles/ms2/micons/marina.png";,

должно быть:

url: "maps.gstatic.com/mapfiles/ms2/micons/marina.png",

РЕДАКТИРОВАТЬ::

Хорошо, попробуйте это вместо этого.

function init() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 17,
center: new google.maps.LatLng(35.042248, -80.662319),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
marker = new google.maps.Marker({
position: new google.maps.LatLng(35.042248, -80.662319),
map: map,
title: "Some Title",
icon: "maps.gstatic.com/mapfiles/ms2/micons/marina.png"});
}

0