高德地图开始之前，我们要拿到一个key才可以。首先注册账号（https://console.amap.com/dev/index）然后进图应用管理 -> 我的应用 -> 创建新应用 -> 然后添加key 应该就可以了。
简单介绍
准备页面，添加div标签作为地图容器，同时为该div指定id属性；指定宽度和高度
<div id="container" style="height:100vh;width: 100%"></div>在vue项目工程中index.html文件中添加脚本标签
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值"></script> 创建一个地图只需要一行代码，构造参数中的container为准备阶段添加的地图容器的id，创建的同时可以给地图设置中心点、级别、显示模式、自定义样式等属性。
var map = new AMap.Map('container', {
zoom:11,//级别
center: [116.397428, 39.90923],//中心点坐标
viewMode:'3D'//使用3D视图
});点标记 Marker，点标记适用于用户需要在地图上创建一个标记的场景。
var marker = new AMap.Marker({
position: new AMap.LngLat(116.39, 39.9), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
title: '北京'
});
// 将创建的点标记添加到已有的地图实例：
map.add(marker);信息窗体 InfoWindow默认信息窗体封装了关闭按钮，使用 API 默认的信息窗体样式，这个时候只需要对 InfoWindow 设定 content 属性即可，content 可以是 dom 对象，也可以是 html 识别的字符串。
var infoWindow = new AMap.InfoWindow({
anchor: 'top-left',
content: '这是信息窗体！',
});
infoWindow.open(map,[116.401337,39.907886]);其它的可以参考官方文档
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由半码博客整理，本文链接：https://www.bmabk.com/index.php/post/143092.html
