高德地图开发(二、地图控件)

高德地图开发(二、地图插件加载)

  • 一、加载单个插件
  • 二、加载多个插件

有同步、异步等方法,我用得都是异步。图层类型切换(MapType)与3D罗盘控制(AMap.ControlBar)会重叠,需要另写样式让它们分开。
插件类型链接:https://lbs.amap.com/api/javascript-api/guide/abc/plugins

一、加载单个插件

plugin方法的第一个参数就填写需要加载的插件类型。

    AMap.plugin('AMap.ToolBar',function(){//异步加载插件
        var toolbar = new AMap.ToolBar();
        map.addControl(toolbar);
    });

二、加载多个插件

多个和单个区别在于参数改为数组格式,每个类型用,分隔。

AMap.plugin(['AMap.ToolBar','AMap.ControlBar'],function(){ // 异步同时加载多个插件
    let toolbar = new AMap.ToolBar();
    map.addControl(toolbar);
    map.addControl(new AMap.ControlBar()); // 添加 3D 罗盘控制
});

高德地图开发(二、地图控件)_第1张图片高德地图开发(二、地图控件)_第2张图片

你可能感兴趣的:(高德地图,前端)