素材库

用于图片、视频、GeoJson 的维护管理。

图片和视频

提示：

图片支持扩展名: .jpg .jpeg .bmp .png .gif .wbmp .webp

视频支持扩展名: .mp4 .ogg .webm

GeoJson 4.2+

对地图的 GeoJson 进行自定义管理，用户可自己上传需求的 GeoJson。在设计器自定义地图组件中使用，新建的 GeoJson 对当前团队开放。

• ① GeoJson 列表。

  • 新建： 点击新建，到 GeoJson 详情页面，添加基本信息。

  • 删除： 在列表的复选框中有选中状态后，出现删除按钮，可对 GeoJson 进行删除。

  • 状态： 是否启用当前 GeoJson。

• ② GeoJson 详情，示例。

• 区域名称： 区域名称。

• 区域编码： 区域编码用于自定义地图组件中加载 GeoJson，区域编码值和内置 GeoJson 编码值相同，则替换内置 GeoJson。例如新建区域编码是 110000（北京市），地图加载 GeoJson 时优先使用用户上传的北京市地图。

• 文件： 上传用户自定义的 GeoJson 文件，文件格式为json。

• 上级区域： 组织列表的上下级结构。

• 启用状态： 是否启用当前 GeoJson。

• ③ GeoJson 文件获取案例，此案例使用工具 DataV.GeoAtlas (opens new window) 获取京津冀整体 GeoJson。

  提示：

  工具由阿里云提供，具体应用请参考 DataV.GeoAtlas 使用文档，此处只时当前案例获取方式

1. 准备需要组合城市的 GeoJson，例如京津冀需要准备北京市、天津市、河北省的 GeoJson，如果没有 json 文件可在工具的范围选择器中下载三个省/市 GeoJson。

2. 在边界生成器中上传刚刚下载的 json 文件，得到图中展示效果及数据，数据为三个地图集合。

3. 全选上面列表中的数据，导出 GeoJSON 文件，下载的文件修改文件格式为.json

4. 新建 GeoJson，并上传京津冀.json 文件

图标 2024.3+

图标列表

新建图标

上传的 svg 文件的格式要求：

单 path 文件需要以下格式

例如：

<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
    <path id="shape" d="XXXXXXX"/>
</svg>

• svg 标签上必须有viewBox属性, 默认为 0 0 32 32。
• path 标签上必须有id属性，默认为shape。
• 如果 viewBox与id与默认值不同，需要在新建图标的表单中分别指定可视化大小与图形 ID。
• path 内部不需要有颜色相关的属性，例如：fill。

多 path 文件需要以下格式

例如：

<svg xmlns="http://www.w3.org/2000/svg">
    <symbol id="shape" viewBox="0 0 32 32">
        <path d="XXXXXXX"/>
        <path d="XXXXXXX"/>
    </symbol>
</svg>

• 如果图标有多个 path 组成，需要用symbol标签包起来，id和viewBox加到symbol标签上。
• 其他同上。