我目前正致力于一个自愿项目,该项目涉及将旅游地图数字化。现在,我需要添加带有数字的圆圈(比如,当你有几个阶段时)。为了了解它应该如何看,我还附上了地图上的pdf。1
所以,目前我的测试圈的脚本看起来像那样:
var circle = L.circle([48.2353227, 9.6436585],{ color: 'blue', fillColor: 'white', fillOpacity: 1.0, radius: 6 }).addTo(mymap);
我需要添加什么来代码才能获得a" 1"在圆圈的内部白色空间?非常感谢你!
多米尼克
PS:我很抱歉代码的显示方式。现在不要这样做......
答案 0 :(得分:3)
您可以将数字放在divIcon中,将其设置为Circle而不是矢量Circle。
var icon = L.marker([23.41,79.12], {
icon: L.divIcon({
className: 'my-custom-icon',
html: "5"
})
});
icon.addTo(map);
图标的一些CSS:
.my-custom-icon{
width: 24px !important;
height: 24px !important;
margin-left: -12px;
margin-top: -12px;
border-radius: 18px;
border: 2px solid #3F51B5;
text-align: center;
color: #3F51B5;
background-color: #fff;
font-size: 16px;
}