开发 URI API 开发指南 嵌入地图 嵌入公交/地铁线路

嵌入公交/地铁线路 最后更新时间: 2026年11月07日

适用于在交通指南、出行攻略等内容中展示一条完整的公交或地铁线路,包括沿途所有站点与线路走向。

适用终端

移动端和PC端

服务地址:

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

参数说明

参数名称

值

参数说明

是否必选

备注

busId

900083239069

公交或地铁线路 ID

是

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

name

地铁1号线

线路名称

是

用于线路信息卡展示

keywords

地铁1号线

线路搜索关键词

否

与 busId 配合拉取线路数据

city

110000

城市名/区号/城市编码

否

同名线路跨城时用于定位

type

2

线路类型

否

1 公交,2 地铁

frontName

苹果园

起点站名

否

用于线路信息卡展示

terminalName

环球度假区

终点站名

否

用于线路信息卡展示

color

4A8FD7

线路颜色

否

不带 # 号

lng

116.481028

地图中心点经度

否

缺省时按线路范围自动取景

lat

39.989643

地图中心点纬度

否

缺省时按线路范围自动取景

zoom

13

地图缩放级别

否

默认 13,线路加载完成后自动取景至完整线路

maptype

roadmap

底图类型

否

默认 roadmap

platform

pc

终端标记

否

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

src

mypage

使用方来源信息

否

为保证服务质量建议填写

如何使用嵌入代码

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

<iframe
  src="http://www.amap.com/ssr/embed/busline?busId=110100023111&name=地铁1号线&keywords=地铁1号线&city=110000&type=2&zoom=13&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端「分享 > 嵌入地图」面板中选择尺寸并一键复制代码。

效果展示

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