Using a custom image marker on google static map?

how to have custom image marker on google static map, i need url format:

this is what i have tried, but its having default marker image 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

Answers


This is what you want:

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

for a custom image, put the icon:url after of markers...

Format

icon:url|lat,lng

Example

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

a result of my example

For more information check google maps api, there are more information like size, markers position, center map, map type... etc.

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

*If the icon, img, don't appear it will be the size of image, try with another size,less than 64x64 px, format of image, "GIF, JPEG and PNG", the documentation recommend "PNG", if it doesn't appear check permision of image for public request(external request)...


According to the documentation you can specify custom icons like so:

markers=icon:...

e.g. amending your 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

Gives you:

PS: the sensor parameter is no longer required.

PPS: also you seemed to have specified the same coordinates twice in your markers parameter, so it was actually drawing two markers on the same location.


You can add an image in the marker:

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

EDIT You can use the following:

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

Need Your Help

JBoss AS 7: How to clean up tmp?

java jboss jboss7.x

I noticed that in my JBoss Application Server 7 installation under standalone/tmp I have 400 MB of files related to past deployments, some of them a few months old.

Slide over and split view in iPad simulator

ipad ios-simulator multitasking

iOS 9 introduce slide over and split view for iPad. How do I simulate these features on iPad simulator? I have tried swiping from right on iPad Air 2 simulator.