В настоящее время я использую статическую карту Google Map с почтовым индексом и стандартным красным маркером. Я хотел бы использовать пользовательское изображение PNG вместо красного маркера.
Я попытался добавить URL-адрес изображения с параметром маркера в URL-адресе, но это дает ошибку на карте.
<img src="https://maps.googleapis.com/maps/api/staticmap?center=v302t8&zoom=9&size=460x150&maptype=roadmap&key=APIKEY&markers=color:red%7Cv302t8" alt="">
Я бы хотел использовать этот метод в отличие от метода геокодирования, так как количество запросов ограничено.
Я не знаю, что такое center местоположение v302t8 (источник ошибки?) Или окончательный %7Cv302t8 в URL карты, поэтому я изменил вышеприведенное, как вы можете видеть ниже.Карта загружается нормально и отображает пользовательское изображение маркера с центром в "Tower of London"
center
v302t8
%7Cv302t8
"Tower of London"
. Выбранное изображение должно иметь размер 64 x 64px или меньше.
https://maps.googleapis.com/maps/api/staticmap?center=51.507336, -0.074968&zoom=15&size=512x512&maptype=roadmap&key=<APIKEY>&markers=icon:http://cdn.akamai.steamstatic.com/steamcommunity/public/images/avatars/af/afeef641914e77b0950eb8b8317bfbf080b69ace_medium.jpg|51.507336, -0.074968
Обновление: использование файла png также работает - опять-таки с учетом максимальных размеров изображения маркера
png
https://maps.googleapis.com/maps/api/staticmap?center=51.507336, -0.074968&zoom=15&size=512x512&maptype=roadmap&key=<APIKEY>&markers=icon:https://cartoon.aminoapps.com/static/bower/emojify.js/images/emoji/skull.png|51.507336, -0.074968