地图

地图是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();

results matching ""

    No results matching ""