Using a custom image marker on google static map?

前端 未结 3 1603
轮回少年
轮回少年 2021-02-02 09:29

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/a

相关标签:
3条回答
  • 2021-02-02 10:07

    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.

    0 讨论(0)
  • 2021-02-02 10:12

    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/
    
    0 讨论(0)
  • 2021-02-02 10:14

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

    0 讨论(0)
提交回复
热议问题