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

【问题标题】：Using a custom image marker on google static map?在谷歌静态地图上使用自定义图像标记？
【发布时间】：2015-04-14 02:09:06
【问题描述】：

如何在谷歌静态地图上自定义图像标记，我需要 url 格式：

这是我尝试过的，但它具有默认标记图像 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

【问题讨论】：

标签： google-maps google-static-maps

【解决方案1】：

您可以在标记中添加图像：

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/

【讨论】：

那是使用 JS API，而不是静态地图（问题确实被错误标记了，我已经修改了）
谷歌地图主要是JS？那你到底想做什么？
OP指的是这个API：developers.google.com/maps/documentation/staticmaps
我将 png 图标的大小调整为 64*64，并测试了这个 &markers=icon:path/to/image.png，，，，不知道它不工作，有什么想法吗？？这是什么？ %257C996600%7关心/你/想要/??

【解决方案2】：

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

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&path=color:0x0000FF80|weight:5|25.3176452,82.97391440000001&size=175x175

给你：

PS：sensor 参数不再需要。

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

【讨论】：

【解决方案3】：

这就是你想要的：

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

我的例子的结果

更多信息请查看google maps api，有更多信息，如大小、标记位置、中心地图、地图类型...等。

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

*如果图标img没有出现，那就是图片的尺寸，试试其他尺寸，小于64x64像素，图片格式，“GIF、JPEG和PNG”，文档推荐“PNG” ，如果没有出现，请检查公共请求（外部请求）的图像权限...

【讨论】：

@PhilAndrews 文档说内联定义的 SVG 路径有效。
有没有办法在 url 中自定义该图像的高度和宽度？
@caffeinescript 是的，如果你在api的url中看到，有size=512x512width和height的选项，在api的url中，搜索size
@DarckBlezzer 我认为那是图像的高度和宽度而不是图标图像不是吗？我还看到他们的文档上的最大尺寸是 64 * 64
@DarckBlezzer 有没有办法传递图标大小？