添加控件
通过向地图添加控件的方式,实现对图层的放大,缩小,图层切换等交互操作,常用的控件包括:
控件 | 类名 | 简介 |
---|---|---|
鹰眼图 | L.control.minimap | 默认位于地图右下角 |
缩放 | L.control.zoom | 默认位于地图左上角 |
比例尺 | L.control.scale | 默认位于地图左下角 |
图层切换 | L.control.layers | 默认位于地图右上角 |
卷帘 | L.control.sideBySide | 卷帘默认出现在地图中心 |
版权控制 | L.control.attribution | 默认位于地图右下角 |
添加控件时,首先初始化地图,然后通过 addTo() 方法将控件添加到地图上,例如:
缩放控件:
// 添加控件
L.control.zoom().addTo(map);
比例尺控件:
L.control.scale().addTo(map);
图层切换控件:
var url ="http://support.supermap.com.cn:8090";
var China = L.supermap.tiledMapLayer(url + '/iserver/services/map-china400/rest/maps/China',{noWrap:true});
var ChinaDark = L.supermap.tiledMapLayer(url + '/iserver/services/map-china400/rest/maps/ChinaDark', {noWrap:true});
// 初始化地图
var map = L.map('map', {
center: [0,0],
maxZoom: 18,
zoom: 2,
zoomControl: false,
// 设置图层数组
layers: [China]
});
var baseMaps = { "China": China, "ChinaDark": ChinaDark };
// 添加图层切换控件
L.control.layers(baseMaps).addTo(map);
更多控件示例源码: