Appearance
预置地图操作
目录
- 1. 切换世界地图
- 2. 高亮世界国家
- 3. 设置世界国家名称显隐
- 4. 切换中国地图
- 5. 高亮中国省份
- 6. 设置中国省份名称显隐
- 7. 高亮城市
- 8. 设置城市名称显隐
- 9. 添加行政边界图层
- 10. 更新边界线样式
- 11. 更新边界名称样式
- 12. 更新边界 LOD
- 13. 更新行政区筛选
- 14. 设置焦点行政区工作集
1. 切换世界地图 流
引入版本:3.3 起支持
功能描述
切换世界地图
调用方法
JavaScript
let jsonData = {
visible: true,
preloadOnly: false,
};
appInstance.uniCall('switchWorldMap', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| visible | Boolean | 显隐控制,true:显示;false:隐藏 |
| preloadOnly | Boolean | 是否只是预加载,true:端:预加载模型,但是不切换显示,下载完成后会有 onSwitchChinaMapEnd 事件触发;false:加载后直接显示 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
2. 高亮世界国家 流
引入版本:3.3 起支持
功能描述
高亮世界国家
调用方法
JavaScript
let jsonData = {
country: "name",
type: "all"
color: "#00ff00"
}
appInstance.uniCall('highlightCountry', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| province | String | 国家名称:country,详见 内置枚举 |
| type | String | all 全部国家,single 单一国家,镜头不变 |
| color | String | 高亮颜色 |
| country | String | 国家名称 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
3. 设置世界国家名称显隐 流
引入版本:3.3 起支持
功能描述
设置世界国家名称显隐
调用方法
JavaScript
let jsonData = {
country: 'all',
visible: true,
};
appInstance.uniCall('setCountryNameVisible', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| country | String | 国家名称 country,支持填写 "all",全部显隐 |
| visible | Boolean | true 显示,false 关闭 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
4. 切换中国地图 流
引入版本:3.2 起支持
功能描述
切换中国地图
调用方法
JavaScript
let jsonData = {
visible: true,
preloadOnly: false,
};
appInstance.uniCall('switchChinaMap', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| visible | Boolean | 显隐控制,true:显示;false:隐藏 |
| preloadOnly | Boolean | 是否只是预加载,true:端:预加载模型,但是不切换显示,下载完成后会有 onSwitchChinaMapEnd 事件触发;false:加载后直接显示 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
5. 高亮中国省份 流
引入版本:3.2 起支持
功能描述
高亮中国省份
调用方法
JavaScript
let jsonData = {
province: 'BJ',
type: 'single',
color: '#00ff00',
};
appInstance.uniCall('highlightProvince', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| province | String | 省份名称 province |
| type | String | all 全部省份,single 单一省份,镜头不变 |
| color | String | 高亮颜色 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
6. 设置中国省份名称显隐 流
引入版本:3.2 起支持
功能描述
设置中国省份名称显隐
调用方法
JavaScript
let jsonData = {
province: 'name',
visible: true,
};
appInstance.uniCall('setProvinceNameVisible', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| province | String | 省份名称 province,详见 内置枚举,支持填写 "all",全部显隐 |
| visible | Boolean | 显隐控制,true:显示;false:隐藏 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
7. 高亮城市 流
引入版本:5.0 起支持
功能描述
高亮城市级行政区,可整体高亮或只高亮单个城市。
调用方法
JavaScript
let jsonData = {
city: '北京市',
parentProvince: '北京市',
type: 'single',
color: '#00ff00',
};
appInstance.uniCall('highlightCity', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| city | String | 城市名称或行政区 code |
| parentProvince | String | 所属省份,用于同名城市消歧 |
| type | String | all 全部城市,single 单一城市,镜头不变 |
| color | String | 高亮颜色,#RRGGBB 或 #RRGGBBAA |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
8. 设置城市名称显隐 流
引入版本:5.0 起支持
功能描述
控制城市名称标注的显示与隐藏。
调用方法
JavaScript
let jsonData = {
city: 'all',
visible: true,
language: 'zh-CN',
};
appInstance.uniCall('setCityNameVisible', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| city | String | 城市名称或行政区 code;传 all 表示全部城市 |
| parentProvince | String | 所属省份,用于同名城市消歧 |
| visible | Boolean | true:显示;false:隐藏 |
| language | String | 名称语言,可选 zh-CN、en、source |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
9. 添加行政边界图层 流
引入版本:5.0 起支持
功能描述
创建行政边界图层,支持内置国家、省份、城市数据集与自定义边界资产。
调用方法
JavaScript
let jsonData = {
id: 'chinaBoundary',
boundaryType: 'province',
visible: true,
width: 20000,
color: '#00ffff',
clampMode: 'terrain',
};
appInstance.uniCall('addBoundaryLayer', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 边界图层 ID。保留 ID 与 boundaryType 绑定:worldBoundary→country、chinaBoundary→province、chinaCityBoundary→city |
| name | String | 图层显示名称 |
| boundaryType | String | 边界数据集类型:country 国家、province 省份、city 城市、custom 自定义 |
| assetName | String | 自定义边界资产名,仅允许 ASCII 字母、数字和下划线;boundaryType 为 custom 时必填,内置类型禁止提供 |
| visible | Boolean | 图层显隐,true:显示;false:隐藏 |
| tags | Array<String> | 图层标签 |
| countries | Array<String> | 按国家筛选;空数组表示清除该维度筛选 |
| provinces | Array<String> | 按省份筛选;空数组表示清除该维度筛选 |
| cities | Array<String> | 按城市筛选;与 parentProvinces 不能同时非空 |
| parentProvinces | Array<String> | 按所属省份筛选;与 cities 不能同时非空 |
| spatialCull | Boolean | 是否开启空间剔除 |
| internalOnly | Boolean | 是否仅内部可见 |
| minCameraHeight | Number | 生效的最小相机高度 |
| maxCameraHeight | Number | 生效的最大相机高度 |
| width | Number | 边界线宽度,单位米(UE 传输层转换为厘米) |
| color | String | 边界线颜色,#RRGGBB 或 #RRGGBBAA |
| alpha | Number | 透明度,取值 0–1 |
| heightOffset | Number | 高度偏移 |
| clampMode | String | 贴合方式:ellipsoid 椭球面、terrain 地形 |
| autoWidth | Boolean | 是否按屏幕宽度自适应线宽 |
| minScreenWidthPixels | Number | 自动线宽的最小屏幕像素 |
| maxAutoWidth | Number | 自动线宽上限 |
| distanceHeightStart | Number | 随距离抬升的起始距离 |
| distanceHeightScale | Number | 随距离抬升的缩放系数 |
| maxDistanceHeightOffset | Number | 随距离抬升的最大偏移 |
| type | String | 线型:solid 实线、Segment06 流光段 |
| flowColor | String | 流光颜色 |
| textureSpeed | Number | 流光速度 |
| flowIntensity | Number | 流光强度 |
| flowTiling | Number | 流光平铺次数 |
| emissiveIntensity | Number | 自发光强度 |
| flowAutoDistance | Boolean | 是否按距离自动控制流光 |
| flowDistanceStart | Number | 流光起效距离 |
| flowDistanceEnd | Number | 流光结束距离 |
| flowFarSpeedScale | Number | 远处流光速度系数 |
| flowFarTilingScale | Number | 远处流光平铺系数 |
| LOD | Number | LOD 等级 |
| lodMode | String | LOD 模式:auto 自动、manual 手动 |
| lodHeightThresholds | Array<Number> | LOD 高度阈值数组 |
| lodHysteresis | Number | LOD 切换迟滞 |
| autoLodPointBudget | Number | 自动 LOD 的点数预算 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
筛选字段须与 boundaryType 匹配:country 只接受 countries,province 只接受 provinces,city 只接受 cities 或 parentProvinces,custom 不接受任何行政区筛选。
10. 更新边界线样式 流
引入版本:5.0 起支持
功能描述
更新已创建边界图层的线条与流光样式;未提供的字段保持原值。
调用方法
JavaScript
let jsonData = {
id: 'chinaBoundary',
color: '#ffcc00',
width: 30000,
type: 'Segment06',
};
appInstance.uniCall('updateBoundaryLayerStyle', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 边界图层 ID |
| width | Number | 边界线宽度,单位米(UE 传输层转换为厘米) |
| color | String | 边界线颜色,#RRGGBB 或 #RRGGBBAA |
| alpha | Number | 透明度,取值 0–1 |
| heightOffset | Number | 高度偏移 |
| clampMode | String | 贴合方式:ellipsoid 椭球面、terrain 地形 |
| autoWidth | Boolean | 是否按屏幕宽度自适应线宽 |
| minScreenWidthPixels | Number | 自动线宽的最小屏幕像素 |
| maxAutoWidth | Number | 自动线宽上限 |
| distanceHeightStart | Number | 随距离抬升的起始距离 |
| distanceHeightScale | Number | 随距离抬升的缩放系数 |
| maxDistanceHeightOffset | Number | 随距离抬升的最大偏移 |
| type | String | 线型:solid 实线、Segment06 流光段 |
| flowColor | String | 流光颜色 |
| textureSpeed | Number | 流光速度 |
| flowIntensity | Number | 流光强度 |
| flowTiling | Number | 流光平铺次数 |
| emissiveIntensity | Number | 自发光强度 |
| flowAutoDistance | Boolean | 是否按距离自动控制流光 |
| flowDistanceStart | Number | 流光起效距离 |
| flowDistanceEnd | Number | 流光结束距离 |
| flowFarSpeedScale | Number | 远处流光速度系数 |
| flowFarTilingScale | Number | 远处流光平铺系数 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
部分更新语义:只传需要修改的字段即可。
11. 更新边界名称样式 流
引入版本:5.0 起支持
功能描述
批量更新边界名称的文本与样式。
调用方法
JavaScript
let jsonData = {
id: 'chinaBoundary',
data: [
{ province: '北京市', label: '北京' },
],
fontSize: 14,
color: '#ffffff',
};
appInstance.uniCall('updateBoundaryNameStyle', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 边界图层 ID |
| data | Array<Object> | 名称数据数组,不能为空。每项须提供 country、province、city 之一,可带 label 自定义文本或 resetLabel 恢复内置名称;label 与 resetLabel 互斥,label 最多 128 个字符 |
| fontSize | Number | 字号 |
| color | String | 文字颜色,#RRGGBB 或 #RRGGBBAA |
| outlineSize | Number | 描边宽度 |
| outlineColor | String | 描边颜色 |
| shadowColor | String | 阴影颜色 |
| shadowOffsetX | Number | 阴影水平偏移 |
| shadowOffsetY | Number | 阴影垂直偏移 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
12. 更新边界 LOD 流
引入版本:5.0 起支持
功能描述
配置边界图层的手动或自动 LOD 策略。
调用方法
JavaScript
let jsonData = {
id: 'chinaBoundary',
lodMode: 'manual',
LOD: 1,
};
appInstance.uniCall('updateBoundaryLayerLOD', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 边界图层 ID |
| LOD | Number | LOD 等级 |
| lodMode | String | LOD 模式:auto 自动、manual 手动 |
| lodHeightThresholds | Array<Number> | LOD 高度阈值数组 |
| lodHysteresis | Number | LOD 切换迟滞 |
| autoLodPointBudget | Number | 自动 LOD 的点数预算 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
13. 更新行政区筛选 流
引入版本:5.0 起支持
功能描述
原子更新边界图层的行政区筛选条件。
调用方法
JavaScript
let jsonData = {
id: 'chinaBoundary',
provinces: ['北京市', '上海市'],
};
appInstance.uniCall('updateBoundaryLayerFilter', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 边界图层 ID |
| countries | Array<String> | 按国家筛选;空数组表示清除该维度筛选 |
| provinces | Array<String> | 按省份筛选;空数组表示清除该维度筛选 |
| cities | Array<String> | 按城市筛选;与 parentProvinces 不能同时非空 |
| parentProvinces | Array<String> | 按所属省份筛选;与 cities 不能同时非空 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |
countries、provinces、cities、parentProvinces 至少提供一个;cities 与 parentProvinces 不能同时非空。
14. 设置焦点行政区工作集 流
引入版本:5.0 起支持
功能描述
设置焦点行政区及其同级、子级的工作集与 LOD 档位。
调用方法
JavaScript
let jsonData = {
id: 'chinaBoundary',
featureCode: '110000',
preset: 'balanced',
};
appInstance.uniCall('setBoundaryDisplayScope', jsonData, (result) => {
console.log(result);
});参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| id | String | 边界图层 ID |
| featureCode | String | 焦点行政区的要素 code |
| LOD | Number | LOD 等级 |
| preset | String | 档位预设:balanced 均衡、quality 质量优先、performance 性能优先 |
| siblingLodOffset | Number | 同级区域的 LOD 偏移 |
| childLodOffset | Number | 子级区域的 LOD 偏移 |
| pointBudget | Number | 点数预算 |
回调数据
JSON
{
"result": 1,
"message": "成功。"
}回调数据参数描述
| 属性 | 类型 | 说明 |
|---|---|---|
| result | Number | 1:代表成功;0:代表失败 |
| message | String | 成功或者失败原因 |