添加控件
EvoMap JS API中,使用EM.control
包下的类来创建控件,比如EM.control.MapSwitch
、EM.control.MouseTip
、EM.control.Compass
等,然后通过地图对象上的addControl
方法将控件添加到地图上。
初始化地图
确保你已经引入了 EvoMap 的相关库,并且已经初始化了一个地图实例 map
。
let map = new EM.Map("map", {
zoom: 18, // 地图缩放级别
center: [460, 184, 0], // 地图中心位置
pitch: 55, // 地图倾斜角度
});
添加控件
EvoMap JS API 通过地图对象上的addControl
方法进行控件的初始化与添加。
添加二三维切换控件:
let switchBar = new EM.control.MapSwitch();
map.addControl(switchBar);
添加鼠标提示控件:
let mouseTip = new EM.control.MouseTip({
content:"点击开始绘制"
});
map.addControl(mouseTip);
添加指北针控件:
let compass = new EM.control.Compass();
map.addControl(compass);
添加绘制控件:
let drawControl = new EM.control.Draw({
drawMode:'polygon'
});
map.addControl(drawControl);
添加测量控件:
let measureControl = new EM.control.Measure();
map.addControl(measureControl);
measureControl.setType('distance');
measureControl.start();
添加缩略图控件:
let overview = new EM.control.OverView({
layers: [layer], //缩略图控件中的图层
});
map.addControl(overview);