html接入高德地图

程序员Meteor

已于 2024-04-17 11:15:37 修改

阅读量2.7k

点赞数 32

CC 4.0 BY-SA版权

分类专栏： html 文章标签： html 前端高德地图

于 2024-04-17 09:51:22 首次发布

本文链接：https://blog.csdn.net/weixin_39311781/article/details/137858241

本文介绍了如何在HTML中通过高德地图API集成，包括申请APIkey，创建地图实例，添加标记点和定制信息窗体。示例代码展示了如何在点击标记时显示定制内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.申请key

key申请地址：https://console.amap.com/dev/key/app
在这里插入图片描述

官方文档

https://lbs.amap.com/api/javascript-api-v2/summary

2.html接入示例

需要将YOUR_KEY替换成自己的key

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">

最低0.47元/天解锁文章