Antv L7 结合高德地图简单示例

656 阅读1分钟

Antv L7关于结合高德地图的官网示例有错误

最新版的高地地图JS API 2.0 需要使用AMapLoader.load加载,而Antv L7示例无添加,导致new AMap.Map是AMap报错

  AMapLoader.load({
                key: "xxx",             // 申请好的Web端开发者Key,首次调用 load 时必填
                version: "2.0",      // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15
                plugins: [''],       // 需要使用的的插件列表,如比例尺'AMap.Scale'等
            }).then((AMap) => {
            
                // 全局加载高德地图API
                const map = new AMap.Map('container', {
                    minZoom: 10,
                    zoom: 17,
                    pitch: 50,
                    showBuildingBlock: true,
                    showIndoorMap: false,
                    showLabel: false,
                    mapStyle: 'amap://styles/light',
                    center: [116.472268, 39.995693],
                    features: ['bg', 'point', 'road'],
                    viewMode: '3D',
                    layers: [
                        AMap.createDefaultLayer(),
                        buildingLayer,
                    ]
                });
                const scene = new Scene({
                    id: 'container',
                    map: new GaodeMap({
                        mapInstance: map
                    })
                });
                scene.on('loaded', () => {
                    fetch(
                        'xxxxx'
                    )
                        .then(res => res.json())
                        .then(data => {

                        });
                });