在谷歌静态地图中添加本地图像作为自定义标记

Question

我可以在我的本地文件夹中将本地图像设置为谷歌静态地图 API 中的自定义标记吗？我已经看到了设置位于网络中的标记图像的示例。但在这里我想使用我自己的自定义图像。如果我使用来自 url 的图像，我可以设置标记大小吗？

Answer 1

不，您不能直接使用本地文件夹中的本地图像。

您需要将图像上传到某个地方（在网络服务器中），以使其可以通过 HTTP 访问。这是因为 Google 服务器需要下载它，然后将其嵌入到地图中。

您应该能够在 JavaScript API 中使用本地图像，因为它们的图像只会进入一些 img.src 并且 您的 浏览器应该能够显示它。不过不是其他人的浏览器！

Answer 2

是的，您可以：https://developers.google.com/maps/tutorials/customizing/custom-markers

var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var marker = new google.maps.Marker({
  position: myLatLng,
  map: map,
  icon: iconBase + 'schools_maps.png'
});

[编辑]

静态地图：https://developers.google.com/maps/documentation/static-maps/intro#CustomIcons

例如

https://maps.googleapis.com/maps/api/staticmap?size=480x480&markers=icon:http://chart.apis.google.com/chart?chst=d_map_pin_icon&chld=cafe%7C996600

注意：Google 静态地图 API 不支持自定义图标网址 使用 HTTPS；将显示默认图标。