Leaflet初体验0x5 图层组和图层控件

本文介绍了如何在Leaflet中使用图层组进行多图层管理,并通过图层控件让用户自由切换图层。内容涵盖了图层组的概念与应用,以及图层控件的实现和自定义样式技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

   利用图层组将多个图层组织一起,利用图层控件可以实现让用户切换图层。

图层组

//直接添加到地图
var lgdYL = L.marker([42.046488, 121.655045]).bindPopup('这里是辽工大玉龙校区!').addTo(mymap),
	lgdXH = L.marker([42.02137, 121.659164]).bindPopup('这里是辽工大细河校区!').addTo(mymap);

//直接添加到地图
var lgdYL = L.marker([42.046488, 121.655045]).bindPopup('这里是辽工大玉龙校区!'),
	lgdXH = L.marker([42.02137, 121.659164]).bindPopup('这里是辽工大细河校区!');
//添加到新建的图层组
var schools = L.layerGroup([lgdYL,lgdXH]).addTo(mymap);

 图层控件

//创建覆盖图层
var schools = L.layerGroup();
//创建标注并添加到覆盖图层schools
L.marker([42.046488, 121.655045]).bindPopup('这里是辽工大玉龙校区!').addTo(schools),
L.marker([42.02137, 121.659164])
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值