"现代的“;在Google Maps JS API v3上使用字母标记

"Modern" marker with letter on the Google Maps JS API v3

本文关键字:v3 API Maps quot Google JS      更新时间:2023-09-26

我已经在网上搜索了一段时间,寻找在谷歌地图上创建一个带有字母的标记的选项(也就是这些:https://maps.gstatic.com/mapfiles/markers2/red_markers_A_J2.png)。我知道谷歌提供动态选项(https://developers.google.com/chart/image/docs/gallery/dynamic_icons)但现在已经被弃用了,加上图标看起来很老派,不像上面链接中的图标。

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

这不是他们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
});