在Google静态地图中将本地图片添加为自定义标记

时间:2015-12-10 10:16:36

标签: google-maps google-maps-markers google-static-maps

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

2 个答案:

答案 0 :(得分:2)

是的,你可以:https://developers.google.com/maps/tutorials/customizing/custom-markers

->where('full_name', 'REGEXP', "^[{$request->range}].*$") 

[编辑]

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

e.g。

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

注意:Google Static Maps API不支持自定义图标网址   使用HTTPS;将显示默认图标。

答案 1 :(得分:2)

不,您无法直接使用本地文件夹中的本地图片。

您需要在某处(在Web服务器中)上传图像,以使其可通过HTTP访问。这是因为Google服务器需要下载它,然后将其嵌入到地图中。

您应该能够在JavaScript API中使用本地图片,因为他们的图片只会进入某些img.src您的浏览器应该能够显示它。不过没有其他人的浏览器!