添加控件

通过向地图添加控件的方式,实现对图层的放大,缩小,图层切换等交互操作,常用的控件包括:

控件 类名 简介
鹰眼图 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);

查看完整示例代码

更多控件示例源码:

results matching ""

    No results matching ""