leaflet 图层的建立

基本图层:
L.control.layers(baseLayers, overlayMaps, {position: “topleft”}).addTo(map);

底图图层:

var baseLayers = {
“街景地图”: L.tileLayer("/newtask/{z}/{x}/{y}.png",{“attribution”: “default”, “detectRetina”: false, “maxNativeZoom”: 18, “maxZoom”: 18, “minZoom”: 0, “noWrap”: false, “opacity”: 1, “subdomains”: “abc”, “tms”: false}
).addTo(map),
“象征边界”:citybandl=L.tileLayer.wms(“http://localhost:8081/geoserver/citybandtest/wms?”,{
layers: ‘citybandtest:Export_Output’,
format: ‘image/png’,
transparent: true,
crs: L.CRS.EPSG4326}).addTo(map)
};

覆盖图层:
var cellpolygon=L.polygon(gaodeband,{color:‘green’,fillColor:‘green’,opacity:‘0.8’,weight:‘3’});
cellpolygon.bindPopup(sevenmapband[j][‘小区名称’]+’(’+sevenmapband[j][‘Ci’]+’)’);
cellpolygon.addTo(map);
}
uplosellmaplist.push(cellpolygon);
}

    };

//
var dropcells = L.layerGroup(dropcellmaplist);
var accesscells = L.layerGroup(accesscellmaplist);
var downlosecells = L.layerGroup(downlosellmaplist);
var uplosecells = L.layerGroup(uplosellmaplist);

//
var overlayMaps={“cityband”:citband,“高掉话不达标小区”:dropcells,“低接入不达标小区”:accesscells,“下行高丢包不达标小区”:downlosecells,“上行高丢包不达标小区”:uplosecells};
//
覆盖图层中的内容通过地图组件,放入list列表
再由L.layerGroup 组织为1个图层
作为一个图层组放入一个字典
再加入L.control.layers(的函数生成展现图层

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值