API Карт Google: невозможно создать пользовательские отметки на карте с помощью «chart.apis.google.com»
В настоящее время я работаю над проектом, в котором мне нужно настроить отметки на карте для маркеров в API Карт Google. Я использовал формат URL-адреса, предоставляемый API Карт Google, для динамического создания пользовательских меток на карте, но кажется, что URL-адрес https://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=L|1e90ff| 000000 больше не работает.
Может ли кто-нибудь уточнить, устарела ли эта функция или существует альтернативный метод создания пользовательских меток на карте с помощью Google Maps API?
Заранее благодарим вас за любые идеи или предложения!
Ответы 2
Только сегодня тоже пострадал от этого. Наш обходной путь заключался в использовании svg:
var icon = {
path: "M-20,0a20,20 0 1,0 40,0a20,20 0 1,0 -40,0",
fillColor: "#FFCC00",
fillOpacity: 1,
anchor: new google.maps.Point(0, 0),
strokeWeight: 1,
scale: 0.5
}
var marker = new google.maps.Marker({
position: loclatlong[i],
map: map,
icon: icon
});
Вы можете довольно легко найти значения SVG для различных форм маркеров в Интернете. Я хотел показать логику происходящего, не перегружая ответ svg-путем из 300 символов. Например: svgrepo.com/svg/506670/pin, если вы скачаете svg и проверьте файл, вы увидите: «M16.001 5c-4.216 0-7.714 3.418-7.634 7.634.029 1.578.719 2.824 1.351 4.024.242.461 6.264 10.332 6.264 10.332 В27л.001-.007.002.007в-.01л6 .531-10.377c.407-.703.793-1.771.793-1.771A7.631 7.631 0 0 0 16.001 5zM16 16.019a3.895 3.895 0 0 1-3.896-3.897A3.89 8 3,898 0 1 1 16 16,019 з"
Тоже пострадал от этого несколько дней назад. Перешел на использование AdvancedMarkerElements. Они поддерживают пользовательские цвета, границы и т. д. Пример ниже:
var latlong = new google.maps.LatLng(element.Latitude, element.Longitude);
var marker = new google.maps.marker.AdvancedMarkerElement({
position: latlong,
title: 'Title here',
});
var pinBackground = new google.maps.marker.PinElement({
background: '#BackgroundColor',
glyphColor: '#CenterCircleColuor',
borderColor: '#BorderColour',
scale: 0.8, //Size of the marker
});
marker.content = pinBackground.element;
marker.setMap(yourMap);
Спасибо за ваш ответ, но ваш код генерирует круг, а не маркер.