web-dev-qa-db-fra.com

Vous utilisez un marqueur d'image personnalisé sur la carte statique de Google?

comment avoir un marqueur d'image personnalisé sur google map statique, j'ai besoin du format url:

c'est ce que j'ai essayé, mais son image de marqueur par défaut http://maps.google.com/maps/api/staticmap?center=25.3176452,82.97391440000001,&zoom=15&markers=25.3176452,82.97391440000001|25.3176452,82.97391440000001 & path = couleur: 0x0000FF80 | poids: 5 | 25.3176452,82.97391440000001 & size = 175x175 & sensor = TRUE_OR_FALSE

google-mapsgoogle-static-maps
23
praveenraj

C'est ce que vous voulez:

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.24368

pour une image personnalisée, mettez le icon:url après le markers...

Format 

icon:url|lat,lng

Exemple 

icon:http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico|34.052230,-118.243680

un résultat de mon exemple

stackoverflow server ubication...

Pour plus d'informations, consultez l'API Google Maps, il y a plus d'informations comme la taille, la position des marqueurs, la carte centrale, le type de carte ... etc.

https://developers.google.com/maps/documentation/static-maps/intro#MapTypes

* Si l'icône, img, n'apparaît pas, ce sera la taille de l'image, essayez avec une autre taille, moins de 64x64 px, format d'image, "GIF, JPEG et PNG", la documentation recommande "PNG", si elle n'apparaît pas vérifier la permission de l'image pour une demande publique (demande externe) ...

41
DarckBlezzer

Selon la documentation vous pouvez spécifier des icônes personnalisées comme ceci:

markers=icon:...

par exemple. modification de votre 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 | poids: 5 | 25.3176452,82.97391440000001 & size = 175x175

Vous donne:

enter image description here

PS: le paramètre sensor n'est plus requis.

PPS: vous sembliez également avoir spécifié les mêmes coordonnées deux fois dans votre paramètre de marqueurs, donc il dessinait en fait deux marqueurs au même endroit.

4
duncan

Vous pouvez ajouter une image dans le marqueur:

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');

MODIFIER Vous pouvez utiliser ce qui suit:

https://maps.googleapis.com/maps/api/staticmap?size=480x480&markers=icon:path/to/image.png%257C996600%7Carea/you/want/
0
Haring10