开发 URI API 开发指南 嵌入地图 嵌入地点详情页

嵌入地点详情页 最后更新时间: 2026年11月07日

适用于在网页中标注一个具体地点,例如在公司官网、文章、活动页中展示地址位置。传入 POI ID,页面会自动查询并展示该地点的名称、坐标与地址。POI ID 可在高德地图(www.amap.com)中搜索该地点,从打开的详情页 URL 中获取。

适用终端

移动端和PC端

服务地址:

http://www.amap.com/ssr/embed/place

参数说明

参数名称

值

参数说明

是否必选

备注

id

B0K3C7EM0G

地点的 POI ID

是

可从高德地图 PC 端地点详情页 URL 中获取

name

高德地图总部

地点名称

否

可省略,由 POI 详情自动补齐

address

北京市朝阳区望京东园四区4号楼

地点地址

否

可省略,由 POI 详情自动补齐

zoom

16

地图缩放级别

否

默认 16

maptype

roadmap

底图类型

否

默认 roadmap

maptype

roadmap

底图类型

否

roadmap 表示标准图,satellite 表示卫星图;

默认为 roadmap

zoom

16

地图缩放级别

否

各场景的默认值不同,详见下文;数据加载完成后会自动取景至完整内容

platform

pc

终端标记

否

为保证嵌入页在移动端不被重定向到移动版页面,iframe 嵌入时建议始终传 platform=pc;通过高德地图 PC 端「分享 > 嵌入地图」生成的代码会自动附带

src

mypage

使用方来源信息

否

为保证服务质量建议填写

仅需提供 id,系统自动从 POI 详情补齐名称、坐标、地址等信息。

如何使用嵌入代码

在网页任意位置粘贴以下形式的 iframe 代码即可:

<iframe
  src="http://www.amap.com/ssr/embed/place?id=B0K3C7EM0G&name=高德地图总部&lng=116.489729&lat=40.002539&address=北京市朝阳区望京东园四区4号楼&zoom=16&platform=pc"
  width="600"
  height="450"
  style="border:0"
  loading="lazy"
  allowfullscreen
  referrerpolicy="strict-origin-when-cross-origin"
></iframe>
  • width / height 可自定义,粘贴后亦可通过 CSS 实现手机、平板、PC 自适应。
  • loading="lazy" 为可选属性,延迟加载可提升宿主页面性能。
  • 不想手写代码时,可在高德地图PC端「分享 > 嵌入地图」面板中选择尺寸并一键复制代码。

效果展示

返回顶部 示例中心 常见问题 智能客服 公众号 高德开放平台公众号二维码 开放平台 扫码关注官方公众号