Pano2VR 7.1 文档 / 使用自定义地图图块

使用自定义地图图块

可以在游览地图中添加自定义地图图块。然后,可以使用 地图元素(Map Element) 在皮肤中使用这些贴图。

Custom watercolor map tiles by Stamen.
Stamen 的自定义水彩地图图块。

目前,您可以添加以下自定义地图:

  • 开放街图

  • 地图盒

  • Google 自定义样式

添加地图

  1. 在“游览地图”面板中,单击“ 添加地图 ”按钮,然后选择“ 添加地图 ”。

    Add a map.
    添加地图。

  2. 打开属性面板

  3. 在属性面板中,选择地图提供程序。然后将出现特定地图的设置。

    Choose a map provider.
    选择地图提供商。

  4. 将设置地图 ID 并且是唯一的。您可以保持原样或添加您自己的 ID。

  5. 为地图指定一个标题。标题将用于在游览地图的地图列表中识别它。

添加 OpenStreetMap

按照上述说明添加地图。

如果您不想使用 Google(及其 API 密钥),OpenStreetMap 是一个不错的选择。

您可以从两种地图样式中进行选择:

  • 街道

  • 地形

添加 Mapbox 地图

Mapbox 是 Google 的绝佳替代品。尽管这些磁贴最初可以免费使用,但它们确实需要访问令牌才能使用,并且根据您的需要/使用情况,可能需要付费。

  1. 按照上述说明添加地图。

  2. 地图提供商中选择 Mapbox。系统会立即提醒您需要访问令牌。在您提供令牌之前,不会看到任何地图图块。

    Mapbox warning
    地图框警告

  3. 选择样式类型。请注意,根据您的自定义样式,此处的某些样式(街道、地形、卫星)可能不适用于您的自定义样式。

  4. 添加您的访问令牌。您可以从“帐户”页面或通过自定义样式共享和使用对话框获取访问令牌。使用下面的网络链接按钮直接转到 Mapbox 的自定义样式网站。

  5. 添加您的样式 URL。使用 mapbox studio 创建样式后,单击共享和使用 然后单击使用。 在侧边栏中选择 Web 后,向下滚动,直到同时看到访问令牌和样式 URL。

Mapbox Styles
地图框样式

Mapbox Token
Mapbox 代币

添加 Google 自定义样式地图

  1. 按照上述说明添加地图。

  2. 从地图提供商列表中选择 Google 自定义样式地图

  3. 添加 Google API 密钥。如果您的客户有自己的密钥,您可以在此处添加它。如果皮肤的 Map 元素中存在键,则该键将被忽略并使用此键。

  4. 添加自定义样式代码。可以使用 Google Maps Platform 样式向导创建样式。完成后,点击向导中的完成 ,然后将 JSON 代码复制到 Google 自定义样式代码字段中。

    Copy the JSON code.
    复制 JSON 代码。

在皮肤中使用自定义贴图

在游览地图中添加地图后,您需要使此地图在输出中可见。您可以使用蒙皮编辑器中的 Map 元素来执行此作。

  1. 打开皮肤编辑器。

  2. 添加地图元素

  3. 转到 “地图 ”面板。这包含地图元素的所有设置。

  4. 对于 Map Type,选择 Map。

  5. 对于地图,选择您的自定义地图,由地图的 ID 指示。

  6. 选择地图显示方式的 API。Google 需要 API 密钥,这可能会产生费用。如果您在地图属性中添加了键,则无需在此处再次输入该键。★ 如果您选择了使用 Google 图块(在地图属性中)的地图,则只能将 Google API 用于此地图。Leaflet 是一个开源的 Javascript 地图 API。借助 Google,您将获得熟悉的雷达、地图控件和图钉。您还将拥有 Google 的徽标和版权声明。Leaflet 不显示徽标或版权声明。

  7. 如果需要,使用其他设置(即更改雷达波束的颜色等)进一步自定义。 了解更多信息。

  8. 保存皮肤并输出项目。

另请参阅...

上次修改时间:2023 年 11 月 9 日