leaflet图标样式

标记,圆形和多边形(Markers, circles and polygons)
除了图层图块,还可以向地图添加其他内容,包括标记,折线,多边形,圆形和弹出窗口。
让我们添加一个标记:
var marker = L.marker([51.5, -0.09]).addTo(mymap);
添加圆是相同的(除了以米为单位指定半径作为第二个参数),但是可以通过创建对象时将选项作为最后一个参数传递来控制圆的外观:
var circle = L.circle([51.508, -0.11], {
color: ‘red’,
fillColor: ‘#f03’,
fillOpacity: 0.5,
radius: 500
}).addTo(mymap);
添加多边形非常简单:
var polygon = L.polygon([
[51.509, -0.08],
[51.503, -0.06],
[51.51, -0.047]
]).addTo(mymap);

使用弹出窗口(Working with popups)
当需要将某些选项附加到地图上的特定对象时,通常使用弹出窗口。leaflet有一个非常便捷的快捷方式:
marker.bindPopup(“Hello world!
I am a popup.”).openPopup();
circle.bindPopup(“I am a circle.”);
polygon.bindPopup(“I am a polygon.”);
尝试点击我们的对象。该bindPopup方法将带有指定HTML内容的弹出窗口附加到标记上,因此单击对象时弹出窗口会出现,且该openPopup方法(仅用于标记)会立刻打开附加的弹出窗口。
还可以将弹出窗口用作图层(当需要除将弹出窗口附加到对象之外的其他功能时):
var popup = L.popup()
.setLatLng([51.5, -0.09])
.setContent(“I am a standalone popup.”)
.openOn(mymap);
在这里,我们使用openOn而不是addTo因为它在打开一个对可用性有利的新弹出窗口时会自动关闭先前打开的弹出窗口。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值