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()];
});
};