带有数字的谷歌地图标记

Question

所以，我正在做一个经常使用地图的项目，而一份工作交给了我， 我必须制作所有这些谷歌地图标记。

并手动输入数字：

我问是否可以通过代码输入数字，他们说不能，这需要这样做。

所以，我需要知道，有一种方法可以通过 javascript 或 css 或任何可以自动化此过程的方法来更改此数字。

Answer 1

确实很有可能——只需使用label 属性：

var marker = new google.maps.Marker({
  position: new google.maps.LatLng(56.43, 10.3),
  map: map,
  label: '6' //<-- 6 will be the text inside the marker
}); 

不同数字的demo -> http://jsfiddle.net/ec2cr0jw/

但您只能添加带有 一个 字符的标签，因此您的数字范围限制为 0..9。如果您想在标记中使用更复杂的文本或更长的数字，您可以自己从头开始创建标记，就像在这个问题的答案中一样 -> How to add values in google map v3