地图
地图是wmapgl中最核心最基础的概念。
创建地图
首先,准备一个地图容器,设置好容器的宽度和高度。
<div id="map" style="width: 800px;height:600px"></div>
最后,使用wmapgl.Map类创建一个地图对象。
let map = new wmapgl.Map({
container: 'map', // 容器 ID
style: 'http://api.dituyi.com.cn/styleService/1aacd5f0-0f82-457d-85d6-b3928d46b571', // 底图样式文件
center: [116, 40], // 默认中心点 [经度,纬度]
zoom: 9 // 默认级别
});
详见示例。
地图加载完成
wmapgl以异步方式加载远程的数据,很多操作需要在地图加载完成后才能进行。
map.on('load', () => {
// 地图资源加载完成后触发
// 增加自定义数据源、自定义图层
});
销毁地图对象
调用 remove 方法来销毁地图,该方法执行后,地图对象被注销,内存释放,地图容器被清空。
// 销毁地图,并清空地图容器
map.remove();