在谷歌静态地图上使用自定义图像标记？

Question

如何在谷歌静态地图上有自定义图像标记,我需要网址格式:

这是我尝试过的,但它有默认的标记图像 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 |重量:5 | 25.3176452,82.97391440000001&大小= 175x175&传感器= TRUE_OR_FALSE

Answer 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|lat,lng

例

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

我的例子的结果

有关更多信息,请查看谷歌地图api,有更多信息,如大小,标记位置,中心地图,地图类型......等.

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

*如果图标img没有出现,它将是图像的大小,尝试使用其他尺寸,小于64x64像素,图像格式,"GIF,JPEG和PNG",文档推荐"PNG",如果它没有为公共请求检查图像的检查(外部请求)...

Answer 2

根据文档，您可以指定自定义图标，如下所示：

markers=icon:...

例如修改您的网址：

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&路径=颜色:0x0000FF80|重量:5|25.3176452,82.97391440000001&尺寸=175x175

给你：

PS：sensor不再需要该参数。

PPS：您似乎还在标记参数中指定了相同的坐标两次，因此它实际上是在同一位置绘制两个标记。

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