javascript - Google Maps JS API v3 上带有字母的“现代”标记

Question

我一直在网上搜索一段时间，寻找在谷歌地图上用字母创建标记的选项（又名：https ://maps.gstatic.com/mapfiles/markers2/red_markers_A_J2.png ）。我知道谷歌提供动态选项（https://developers.google.com/chart/image/docs/gallery/dynamic_icons），但现在已弃用，而且图标看起来很老派，不像上面链接中的那些。

所以谷歌过去在 API 中提供了这个选项，但现在看起来它只对他们自己可用？这不是很奇怪吗？

Answer 1

这不是他们 API 的一部分，但我敢肯定他们不会介意您为地图借用他们的图像。只需将 PNG 上传到您自己的服务器并实例化您的标记，例如：

var markerImages = {
  a: new google.maps.MarkerImage('red_markers_A_J2.png', new google.maps.Size(20,34), new google.maps.Point(0,0)),
  b: new google.maps.MarkerImage('red_markers_A_J2.png', new google.maps.Size(20,34), new google.maps.Point(0,34)),
  c: …
}

var marker = new google.maps.Marker({
  position: myPosition,
  map: myMap,
  icon: markerImages.a
});