高德地图js 开发一：创建地图

1.高德官网申请开发者key

2.引入js 脚本(必须填写申请的key)

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=86f75f9051e9eb25c6f7907dfss2b4230c"></script>

3.初始化一个地图

 #container {
            width: 100%;
            height: 545px;
            border-radius: 10px;
            color: black;
        }

<div id="container"></div>
InitMap(11, [114.312151, 30.58454]);//默认武汉中心坐标
//地图初始化
        function InitMap(zoom, arr) {
            map = new AMap.Map('container', {
                zoom: zoom,//级别
                center: arr,//中心点坐标
                viewMode: '3D'//使用3D视图
                //zoomEnable: false,//禁止缩放
                //dragEnable: false//禁止拖拽
            });
            //鼠标点击的坐标//经度getLng，纬度getLat
            map.on('click', function (e) {
                let arr = [e.lnglat.getLng(), e.lnglat.getLat()];
            });
        };