维智地图集成

最近一直在找免费的地图，发现在一家好用的地图，且集成简单。地图样式也多样化

// 指定 accessToken，用于服务鉴权

aimap.accessToken = '您的 accessKey';

// 指定 baseApiUrl，用于指定服务地址，当处于私有化部署的环境中时，务必注意修改此项

aimap.baseApiUrl = 'https://location-dev.newayz.com';

let map = new aimap.Map({

    container: 'map',

    // 地图中心点

    center: [121.50547, 31.236532],

    // 地图缩放级别

    zoom: 13,

    // 地图倾斜角度

    pitch: 0,

    // 地图旋转角度

    bearing: 0,

    // 地图样式

    style: 'aimap://styles/aimap/white-21Q4-v1',

});

function clickBtn(obj) {

    const btnData = obj.innerHTML.replace(/(^\s*)|(\s*$)/g, "");

    if (btnData === '销毁') {

        obj.innerHTML = '创建';

        // 参考文档：http://location-dev.newayz.com/aimap-gl-v2/docs/aimap/map.html#生命周期

        map.remove();

    } else {

        obj.innerHTML = '销毁';

        map = new aimap.Map({

            container: 'map',

            center: [121.612846, 31.205494],

            zoom: 13,

            pitch: 0,

            bearing: 0,

            style: 'aimap://styles/aimap/white-21Q4-v1',

        });

    }

}