图形标绘
图形标绘资源
官方图形标绘资源
平台提供POI、路径、轮廓等图形资源类型,支持按分类或按名称搜索筛选。

我的图标资源
支持上传自己图标资源,格式暂时仅支持.png格式图标资源。

图形标绘
添加POI标绘
添加单个POI图标
点击【POI】选择需要添加的POI资源,单击鼠标左键,添加POI图标资源至场景中,在【场景资源列表】中【我的资源】,查看添
加的POI资源列表。

批量添加POI图标
选择【POI】需要添加的POI资源类型,点击,选择上传数据类型(excel上传(.CSV格式)、GeoJSON上传(.geojson格
式))、参考坐标,上传POI数据,点击【确认】,即可批量上传多个POI信息至场景,形成POI集合图层。
Excel上传
提供Excel上传格式.CSV模板下载,点击,下载.CSV模板格式,根据模板整理POI数据,批量上传至平台上。

参考坐标:上传数据支持4326/3857/4490/GCJ02/BD09五种常用坐标系。

EPSG4326:WGS1984 地理坐标系
EPSG3857:WGS1984 Web Mercator投影坐标系
EPSG4490:CGCS2000地理坐标系
GCJ02:火星坐标系,如谷歌中国、高德、腾讯采用的坐标系
BD09: 百度地图坐标系
模版格式整理参照

GeoJSON上传
支持直接上传GeoJSON 数据。

GeoJSON是一种对各种地理数据结构进行编码的格式,基于Javascript对象表示法(JavaScript Object Notation, 简称JSON)的地理空间信息
数据交换格式。GeoJSON对象可以表示几何、特征或者特征集合。
示例代码:
{
"type": "FeatureCollection",
"name": "上海4326一百条",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
"features": [
{ "type": "Feature", "properties": { "name": "四季亭新华店", "type": "餐饮" }, "geometry": { "type": "Point", "coordinates": [ 121.420811520000697, 31.205244588275772 ] } },
{ "type": "Feature", "properties": { "name": "祥和一家", "type": "餐饮" }, "geometry": { "type": "Point", "coordinates": [ 121.364025480000635, 31.211055888297757 ] } }
]
}
POI操作工具栏
操作工具栏提供预览弹窗效果、移动、经纬度、退出等操作POI工具栏。

POI操作工具栏功能描述
序号 | 图标 | 功能 | 描述 |
---|---|---|---|
1 | ![]() | 预览窗口 | 展预览展示POI属性及视频弹窗配置效果 |
2 | ![]() | 移动 | 移动调整POI位置 |
3 | ![]() | 经纬度 | 通过鼠标拾取或者输入经纬坐标,调整POI位置 |
4 | ![]() | 退出 | 退出工具栏 |
- POI图标属性设置
点击【属性】可设置POI资源图层名称、POI显示文本,添加POI属性信息。

设置POI资源图层名称
在【名称】,输入POI资源图层名称,同时【场景资源列表】图层名称会同步变化。

设置POI图标大小
通过【大小】调整POI图标大小样式。

设置POI图标显示策略
根据需求调整图标展示策略。如果选择“永久显示”,该POI图标将始终在地图的各个层级中显现。若未选择“永久显示”,当信息过于
密集或达到特定地图层级时,该POI图标将自动隐藏,以保持界面的整洁性。

设置POI图形标题样式
通过【内容】输入设置POI标题文本。在中设置标题字体大小、字体类型、颜色等。打开
,
显示图形标题,关闭,图形标题不展示。

- 添加POI信息
添加自定义属性,可添加文本、数值、图片,网页等类型属性内容。
点击 ,增加一列POI属性信息,点击
, 删除POI该属性信息。

- POI图标弹窗设置
信息弹窗
选择类型【信息弹窗】,设置信息弹窗信息。弹窗内容可添加选择要呈现的【POI信息】,默认以“文本”的形式呈现,用户
可选择其他类型来呈现对应信息,比如:选择呈现类型为“图片”,则弹窗会以图片形式呈现该信息项内容;目前除了默认类型
“文本”外,还支持配置显示为“图片”、“网页”、“数值”、“标签”、“地址”等样式类型.
标题:选择展示的标题名称,数据来源于【POI信息】内容;
内容:选择展示的信息内容,数据来源于【POI信息】内容;

视频弹窗(仅支持PC端应用)
选择类型【视频弹窗】,设置视频弹窗信息。
标题:选择展示的标题名称,数据来源于【POI信息】内容
类型:选择视频流类型格式,支持HLS,MP4两种格式
URL:数据来源于【POI信息】内容

tips:
POI图片、视频暂时仅网址形式加载,本地图片或者视频可通过第三方软件上传后,加载网址展示。
弹窗位置设置
PC端:支持设置【跟随弹窗】与【全屏弹窗】。
移动端:支持设置【跟随弹窗】与【底部弹窗】。


PC端【跟随弹窗】与【全屏弹窗】图例:


移动端【跟随弹窗】与【底部弹窗】图例:


本地图片上传
【三维模型】、【POI】、【图片组件】此类需要用到图片处,关联图片上传功能。
【属性—POI信息/属性—模型信息/数据】栏下,鼠标悬浮至【属性值/URL】框右侧,出现【更多】按钮,点击后弹出【选择资源】弹窗,点击【我的】按钮,出现【图片上传】图标,点击即可上传本地图片。
鼠标悬浮至图片上方时,图片右上角会出现【删除】按钮,点击即可删除无需使用的图片。

本地视频加载解决方案(参考)
- 第一步:上传视频至视频工具软件
上传视频工具(参考):https://wistia.com

第二步: 获取视频地址
该网页界面上按F12

填写m3u8,搜索获取视频地址

- 第三步: 配置POI视频属性

添加路径标绘
选择路径资源,在场景中绘制路径线。

设置路径线样式,配置路径名称、宽度、颜色、流动或者符号样式。

添加轮廓标绘
选择某个资源项,拖拽到场景中,点击进行轮廓标注,在【配置】中进行样式配置。

设置轮廓样式,配置轮廓名称、高度、颜色等样式。

路径/轮廓再编辑
选中绘制好的【路径/轮廓】对象,画布上方出现操作栏,提供【图形编辑】、【删除】、【退出】功能。
点击【图形编辑】,【路径/轮廓】出现可调节锚点,即可根据需求进行调整,调整完成后点击画布其它部分或【退出】按钮退出编辑。
(流线1/2与轮廓1/2暂时还不支持再编辑。)


