跳到主要内容

图形标绘

图形标绘资源

官方图形标绘资源

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

show

我的图标资源

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

show

图形标绘

添加POI标绘

添加单个POI图标

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

加的POI资源列表。

show

批量添加POI图标

选择【POI】需要添加的POI资源类型,点击show,选择上传数据类型(excel上传(.CSV格式)、GeoJSON上传(.geojson格

式))、参考坐标,上传POI数据,点击【确认】,即可批量上传多个POI信息至场景,形成POI集合图层。

Excel上传

提供Excel上传格式.CSV模板下载,点击show,下载.CSV模板格式,根据模板整理POI数据,批量上传至平台上。

show

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

show
EPSG4326:WGS1984 地理坐标系

EPSG3857:WGS1984 Web Mercator投影坐标系

EPSG4490:CGCS2000地理坐标系

GCJ02:火星坐标系,如谷歌中国、高德、腾讯采用的坐标系

BD09: 百度地图坐标系

模版格式整理参照

show

GeoJSON上传

支持直接上传GeoJSON 数据。

show
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工具栏。

show

POI操作工具栏功能描述

序号图标功能描述
1show
预览窗口
展预览展示POI属性及视频弹窗配置效果
2show
移动
移动调整POI位置
3show
经纬度
通过鼠标拾取或者输入经纬坐标,调整POI位置
4show
退出
退出工具栏
  • POI图标属性设置

点击【属性】可设置POI资源图层名称、POI显示文本,添加POI属性信息。

show

设置POI资源图层名称

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

show

设置POI图标大小

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

show

设置POI图标显示策略

根据需求调整图标展示策略。如果选择“永久显示”,该POI图标将始终在地图的各个层级中显现。若未选择“永久显示”,当信息过于

密集或达到特定地图层级时,该POI图标将自动隐藏,以保持界面的整洁性。

show

设置POI图形标题样式

通过【内容】输入设置POI标题文本。在show中设置标题字体大小、字体类型、颜色等。打开show

显示图形标题,关闭show,图形标题不展示。

show
  • 添加POI信息

添加自定义属性,可添加文本、数值、图片,网页等类型属性内容。

点击show ,增加一列POI属性信息,点击 show , 删除POI该属性信息。

show
  • POI图标弹窗设置

信息弹窗

选择类型【信息弹窗】,设置信息弹窗信息。弹窗内容可添加选择要呈现的【POI信息】,默认以“文本”的形式呈现,用户

可选择其他类型来呈现对应信息,比如:选择呈现类型为“图片”,则弹窗会以图片形式呈现该信息项内容;目前除了默认类型

“文本”外,还支持配置显示为“图片”、“网页”、“数值”、“标签”、“地址”等样式类型.

标题:选择展示的标题名称,数据来源于【POI信息】内容;

内容:选择展示的信息内容,数据来源于【POI信息】内容;
show

视频弹窗(仅支持PC端应用)

选择类型【视频弹窗】,设置视频弹窗信息。

标题:选择展示的标题名称,数据来源于【POI信息】内容

类型:选择视频流类型格式,支持HLS,MP4两种格式

URL:数据来源于【POI信息】内容
show
tips:

POI图片、视频暂时仅网址形式加载,本地图片或者视频可通过第三方软件上传后,加载网址展示。

弹窗位置设置

PC端:支持设置【跟随弹窗】与【全屏弹窗】。

移动端:支持设置【跟随弹窗】与【底部弹窗】。

showshow

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

show show

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

show show

本地图片上传

  • 【三维模型】、【POI】、【图片组件】此类需要用到图片处,关联图片上传功能。

  • 【属性—POI信息/属性—模型信息/数据】栏下,鼠标悬浮至【属性值/URL】框右侧,出现【更多】按钮,点击后弹出【选择资源】弹窗,点击【我的】按钮,出现【图片上传】图标,点击即可上传本地图片。

  • 鼠标悬浮至图片上方时,图片右上角会出现【删除】按钮,点击即可删除无需使用的图片。

show

本地视频加载解决方案(参考)

  • 第一步:上传视频至视频工具软件

上传视频工具(参考):https://wistia.com

show
  • 第二步: 获取视频地址

    该网页界面上按F12

show

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

show
  • 第三步: 配置POI视频属性
show

添加路径标绘

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

show

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

show

添加轮廓标绘

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

show

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

show

路径/轮廓再编辑

选中绘制好的【路径/轮廓】对象,画布上方出现操作栏,提供【图形编辑】、【删除】、【退出】功能。

点击【图形编辑】,【路径/轮廓】出现可调节锚点,即可根据需求进行调整,调整完成后点击画布其它部分或【退出】按钮退出编辑。

(流线1/2与轮廓1/2暂时还不支持再编辑。)

showshowshow