H5数据可视化(高德地图构建项目)

（0）官方基本配置教程（官网）

（1）申请开发者KEY

点我跳转申请地址

（2）引入依赖库

引入下面的两个库的版本是独立的，注意引入的时候不要引入错误否则会出错误

<!-- 引用线上代码 -->
<script src="https://webapi.amap.com/maps?key=开发者Key(必填)&v=版本号(必填，建议使用最新版本)&plugin=Map3D(同步加载 3D 地图)">
<script src="https://webapi.amap.com/loca?key=开发者Key(必填)&v=1.3.0(必填，请选择最新版本号)"></script>

（3）创建地图实例

        window.onload = function() {
            const map = new AMap.Map('map', {
                pitch: 50, // 地图俯仰角度，有效范围 0 度- 83 度
                viewMode: '3D',