[]
        
在线Demo 免费试用
(Showing Draft Content)

自定义GIS样式-高德AMap

1. 概述

1.1 功能概述

应用地图组件时可用的地图样式默认已有标准,幻影黑,月光银等等。如不能满足使用场景需求,还可以自定义地图样式,也就是底图。

下面左图是标准底图,右图是自定义底图,将城市的文字改为玫红色,并放大了字体。

image

2. 操作步骤

2.1 创建自定义底图样式

2.2.1 创建应用和Key

  1. 登录高德开放平台,在我的应用中创建应用并添加Key(如果之前已有应用和Key,则不需要重复创建)。

    PixPin_2025-06-10_14-49-58

  2. 添加Key时请注意服务平台勾选“Web端(JS API)”。

    PixPin_2025-06-10_14-50-51

  3. 后续在Wyn 中需要使用的是Key 和安全密钥。

    PixPin_2025-06-10_14-51-48

2.2.2 自定义地图

  1. 进入GeoHUB定制地图

    PixPin_2025-06-10_14-52-26

  2. 在左侧选择自定义地图,然后选择一个模板。比如示例中我们选择了标准模板。

    PixPin_2025-06-10_14-53-17

  3. 进入自定义界面进行定制。

    例如:

    1)我们将城市的名称颜色改为了玫红色,字体调大。

    image

    2)保存并发布地图。

    PixPin_2025-06-10_14-54-50

    3)分享地图,获取到样式ID。下一步中将使用这个ID。

    PixPin_2025-06-10_14-39-25

2.2.3 在Wyn 后台管理中添加自定义信息

系统管理员登录后,依次单击「系统管理>系统设置>仪表板设置>地图」,打开使用自定义高德账号,添加高德账号Key安全密钥。这里的Key和安全密钥就是上一步中获取的Key和密钥。

  1. 单击PixPin_2025-06-10_14-45-05按钮,为样式命名,并填入样式ID。样式ID即上一步中获取到的样式ID。最后保存更改。

    PixPin_2025-06-10_14-55-24

2.3 在仪表板中应用自定义地图样式

在仪表板的地图组件中即可使用自定义样式,下面以气泡图为例进行说明。

  1. 选中地图组件,右侧属性面板设置底图属性为自定义样式的名称。

    PixPin_2025-06-10_14-47-45

  2. 预览可查看应用效果。

    PixPin_2025-06-10_14-48-32