地图简介

UDB-SX 自带一套标准 GeoJSON 文件，为每个区域地图提供矢量地图。UDB-SX Dashboards 也提供基础地图瓦片与标准矢量地图以创建区域地图。您可通过 Web Map Service (WMS) 配置底图瓦片。

对于隔离网络环境，UDB-SX Dashboards 提供自托管地图服务器。

目前无法配置服务器以支持用户自定义矢量图层，但用户可以上传自己的 GeoJSON 文件实现此目的。

使用 GeoJSON 自定义矢量地图

如果您需要的区域不在 UDB-SX Dashboards 矢量地图范围内（如美国某地或 ZIP 码），可用 GeoJSON 文件创建自定义矢量地图。创建自定义区域地图时，需定义地理形状（如多边形）及其坐标。

GeoJSON 格式用于编码地理数据结构。有关 GeoJSON 规范，请访问 geojson.org。

可使用 geojson.io 提取 GeoJSON 文件。

前提条件 要使用 GeoJSON 自定义矢量地图，需安装以下两个插件：

  • UDB-SX Dashboards Maps dashboards-maps 前端插件

  • UDB-SX geospatial后端插件

步骤 1：创建区域地图可视化

要创建自定义矢量地图，请上传包含自定义区域地理数据的 JSON 文件。该 JSON 文件包含用于可视化的矢量图层。

  1. 准备要上传的 JSON 文件，确保文件扩展名为 .geojson 或 .json。

  2. 在左侧导航面板中选择 可视化，然后点击 创建可视化。

  3. 选择 区域地图。

  4. 选择数据源，例如 [Flights] Flight Log。

  5. 在右侧面板中，点击 导入矢量图。

  6. 在 上传地图 中，选择或拖放您的 JSON 文件，然后输入 地图名称前缀（例如 test_map）。地图名称将为此前缀加 -map 后缀（例如 test_map-map），如下图所示：

    alt text

  7. 点击 Import file 按钮，然后在弹出的上传成功确认窗口中点击 Refresh，如下图所示。

alt text

步骤 2：在 UDB-SX Dashboards 中查看自定义区域地图

上传自定义 GeoJSON 文件后，需将矢量图层设为自定义并选择您的矢量地图：

  1. 在 图层选择 > 图层设置 中，选择 Custom vector map。

  2. 在 Vector map 下，选择您刚刚上传的矢量地图名称。

  3. 可选：在 样式设置 下，增加 边框粗细 以更清晰地显示边界。

  4. 点击 更新 按钮。

  5. 在 Dashboards 中查看您的区域地图。例如，下图展示了洛杉矶县与圣地亚哥县的区域：

注意

示例 GeoJSON 文件

以下示例 GeoJSON 文件提供了两个美国县的坐标。

{
  "type": "FeatureCollection",
  "name": "usa counties",
  "features": [
    { "type": "Feature", "properties": { "iso2": "US", "iso3": "LA-CA", "name": "Los Angeles County", "country": "US", "county": "LA" }, "geometry": { "type": "Polygon", "coordinates":[[[-118.71826171875,34.07086232376631],[-118.69628906249999,34.03445260967645],[-118.56994628906249,34.02990029603907],[-118.487548828125,33.957030069982316],[-118.37219238281249,33.86129311351553],[-118.45458984375,33.75631505992707],[-118.33923339843749,33.715201644740844],[-118.22937011718749,33.75631505992707],[-118.1414794921875,33.678639851675555],[-117.9107666015625,33.578014746143985],[-117.75146484375,33.4955977448657],[-117.55920410156249,33.55512901742288],[-117.3065185546875,33.5963189611327],[-117.0703125,33.67406853374198],[-116.69677734375,34.06176136129718],[-116.9439697265625,34.28445325435288],[-117.18017578125,34.42956713470528],[-117.3779296875,34.542762387234845],[-117.62512207031251,34.56990638085636],[-118.048095703125,34.615126683462194],[-118.44909667968749,34.542762387234845],[-118.61938476562499,34.38877925439021],[-118.740234375,34.21180215769026],[-118.71826171875,34.07086232376631]]] } },
    { "type": "Feature", "properties": { "iso2": "US", "iso3": "SD-CA", "name": "San Diego County", "country": "US", "county": "SD" }, "geometry": { "type": "Polygon", "coordinates":[[[-117.23510742187501,32.861132322810946],[-117.2406005859375,32.75494243654723],[-117.1636962890625,32.68099643258195],[-117.14172363281251,32.58384932565662],[-117.09228515624999,32.46342595776104],[-117.0538330078125,32.29177633471201],[-116.96044921875,32.194208672875384],[-116.85607910156249,32.16631295696736],[-116.6748046875,32.20350534542368],[-116.3671875,32.319633552035214],[-116.1474609375,32.55144352864431],[-116.1639404296875,32.80574473290688],[-116.4111328125,33.073130945006625],[-116.72973632812499,33.08233672856376],[-117.09228515624999,32.99484290420988],[-117.2515869140625,32.96258644191747], [-117.23510742187501,32.861132322810946]]] } }
  ]
}