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

时间:2012-08-20 10:44:45

标签: javascript google-maps

我一直在网上搜索一下在Google地图上用字母创建标记的选项(例如:https://maps.gstatic.com/mapfiles/markers2/red_markers_A_J2.png)。我知道Google提供了动态选项(https://developers.google.com/chart/image/docs/gallery/dynamic_icons),但现在不推荐使用,而且图标看起来很旧,而不是上面链接中的图标。< / p>

因此Google过去常常在API中提供此选项,但现在看起来它只适用于自己?这不奇怪吗?

1 个答案:

答案 0 :(得分: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
});