Использование настраиваемого маркера изображения на статической карте google?
Как настроить пользовательский маркер изображения на статической карте google, мне нужен формат URL:
это то, что я пробовал, но у него есть изображение маркера по умолчанию http://maps.google.com/maps/api/staticmap?center=25.3176452,82.97391440000001,&zoom=15&markers=25.3176452,82.97391440000001|25.3176452,82.97391440000001&path=color:0x0000FF80|weight:5|25.3176452,82.97391440000001&size=175x175&sensor=TRUE_OR_FALSE
Ответы
Ответ 1
Это то, что вы хотите:
http://maps.googleapis.com/maps/api/staticmap?zoom=17&size=512x512&maptype=hybrid&markers=icon:http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico|34.052230,-118.243680
для пользовательского изображения, поставьте icon:url
после markers
...
Формат
icon:url|coords
Пример
icon:http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico|34.052230,-118.243680
результат моего примера
![stackoverflow server ubication...]()
Для получения дополнительной информации проверьте google maps api, есть больше информации, например размер, расположение маркеров, карта центра, тип карты... и т.д.
https://developers.google.com/maps/documentation/static-maps/intro#MapTypes
* Если значок, img, не отображается, это будет размер изображения, попробуйте другой размер, меньше 64x64 px, формат изображения, "GIF, JPEG и PNG", в документации рекомендуется "PNG", если он не отображается, проверьте разрешение изображения для публичного запроса (внешний запрос)...
Ответ 2
В соответствии с documentation вы можете указать пользовательские значки следующим образом:
markers=icon:...
например. изменение вашего URL-адреса:
http://maps.google.com/maps/api/staticmap?center=25.3176452,82.97391440000001,&zoom=15&markers=icon:http://www.megaadresse.com/images/icons/google-maps.png|25.3176452,82.97391440000001&path=color:0x0000FF80|weight:5|25.3176452,82.97391440000001&size=175x175
Дает вам:
![введите описание изображения здесь]()
PS: параметр sensor
больше не требуется.
PPS: вы, похоже, дважды указали одни и те же координаты в параметре маркеров, поэтому на самом деле он рисовал два маркера в одном месте.
Ответ 3
Вы можете добавить изображение в маркер:
var campaign_map = new google.maps.Map(document.getElementById("campaign_map_canvas"), mapOptions);
var selected_marker = new google.maps.Marker({
position: position,
map: campaign_map,
icon: 'path/to/image'
});
google.maps.event.trigger(campaign_map,'resize');
ИЗМЕНИТЬ
Вы можете использовать следующее:
https://maps.googleapis.com/maps/api/staticmap?size=480x480&markers=icon:path/to/image.png%257C996600%7Carea/you/want/