作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以,我正在做一个经常使用 map 的元素,并且有一份工作交给了我,我必须制作所有这些谷歌地图标记。
然后手动输入数字:
我问是否可以通过代码放置数字,他们说不行,这需要以这种方式完成。
所以,我需要知道,有一种方法可以通过 javascript 或 css 或任何可以自动执行此过程的方法来更改此数字。
最佳答案
这确实很有可能 - 只需使用 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
});
不同数字的演示 -> http://jsfiddle.net/ec2cr0jw/
但您只能添加带有一个 字符的标签,因此您的数字范围限制为 0..9。如果您想在标记中使用更复杂的文本或更长的数字,您可以自己从头开始创建标记,就像在这个问题的答案中一样 -> How to add values in google map v3
关于javascript - 带数字的谷歌地图标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33543393/
leaflet:一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档: https://leafletjs.cn/reference.html 官网(英文): ht
我是一名优秀的程序员,十分优秀!