html高德地图api
时间: 2023-10-19 17:08:49 浏览: 150
要在 HTML 网页中使用高德地图 API,需要按照以下步骤进行操作:
1. 在高德开放平台申请 API Key。
2. 在 HTML 文件中添加以下代码,引入高德地图 JavaScript API:
```
<script src="https://webapi.amap.com/maps?v=1.4.15&key=YOUR_API_KEY"></script>
```
3. 在 JavaScript 中编写代码,使用高德地图 API。
例如,以下代码创建一个地图,并在地图上添加一个标记:
```
var map = new AMap.Map('map-container', {
zoom: 16,
center: [116.397428, 39.90923]
});
var marker = new AMap.Marker({
position: [116.397428, 39.90923],
map: map
});
```
其中,'map-container' 是一个 div 元素的 id,用于显示地图。
更多详细的使用方法可以参考高德地图 API 文档:https://lbs.amap.com/api/javascript-api/summary/
阅读全文
相关推荐



