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|weight:5|25.3176452,82.97391440000001&size=175x175&sensor=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像素，图像格式，＆＃34; GIF，JPEG和PNG＆＃34; ，文档建议＆＃34; PNG＆＃34;，如果它没有出现检查图像的公差请求（外部请求）......

Answer 2

根据documentation，您可以指定自定义图标：

markers=icon:...

e.g。修改您的网址：

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：你似乎也在marker参数中指定了两次相同的坐标，所以它实际上是在同一个位置绘制了两个标记。

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/

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

3 个答案: