# <stl:map> 地图展示

<stl:map
  ak="百度地图密钥"
  point="经纬度"
  width="显示宽度"
  height="显示高度">
</stl:map>

版本要求

<stl:map> 标签需要使用 SSCMS 7.1.1 及以上版本。

# 说明

通过 stl:map 标签将百度地图嵌入到 HTML 文档中。

# 属性

属性 说明
ak 指定百度地图密钥
point 指定地图位置所处的经纬度
width 显示宽度
height 显示高度

# ak - 百度地图密钥

stl:map 标签依赖于百度地图功能,在使用地图标签之前需要先申请百度地图密钥(ak)。

进入百度地图账号和获取密钥 (opens new window),按照页面提示申请百度地图密钥(ak)。

# point - 经纬度

stl:map 标签需要填写地图位置所处经度与维度信息,访问百度地图拾取坐标系统 (opens new window),进入百度地图拾取坐标系统界面:

在上图红框 1的位置输入地图的详细地址,搜索出现地图位置后,点击上图红框 2所示地图标识,在上图红框 3处即可获取地图所处经纬度信息。

在上图获取的经纬度信息为 116.426202,39.904389,其中逗号前面的部分为经度信息,逗号后面的部分为维度信息,复制后设置到 point 属性中即可。

# width - 显示宽度

显示地图的宽度,非必填项。

width 是标准 CSS,支持所有单位,包括 px,%,em 和 rem。

# height - 显示高度

显示地图的高度,非必填项。

height 是标准 CSS,支持所有单位,包括 px,%,em 和 rem。

# 示例

# 在页面中显示指定位置

下面的例子指定显示的 map 地址并设置显示宽度与高度:

<stl:map
  ak="3rKHdDkGzculXfZ8iPzr0h6xSxHowlct"
  point="116.331829,39.954602"
  height="500px"
  width="100%">
</stl:map>
上次更新: 2022/3/13 下午4:15:12