Использование настраиваемого маркера изображения на статической карте google? - программирование

Использование настраиваемого маркера изображения на статической карте 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

4b9b3361

Ответ 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/