function setLightSpot() {
// 获取两种点位数据
homepageQuery({
type: 1,
}).then((res: AnyObject) => {
if (res.code == 200) {
homepageQuery({
type: 2,
}).then((ret: AnyObject) => {
if (ret.code == 200) {
let features = [];
for (let item of res.data) {
let wkt = parse(item);
let feature = {
type: 'Feature',
properties: {
color: '#FFD86F',
},
geometry: wkt,
};
features.push(feature);
}
for (let item of ret.data) {
let wkt = parse(item);
let feature = {
type: 'Feature',
properties: {
color: '#cc7bff',
},
geometry: wkt,
};
features.push(feature);
}
addLuminousSpot(map, features);
} else {
Message.success(ret.msg);
}
});
} else {
Message.success(res.msg);
}
});
}
// 添加点位图层
function addLuminousSpot(map: any, features: AnyObject[]) {
if (map.getLayer('park-volcanoes')) {
map.removeLayer('park-volcanoes');
map.removeSource('park-volcanoes');
}
map.addLayer({
id: 'park-volcanoes',
type: 'circle',
source: {
type: 'geojson',
data: {
type: 'FeatureCollection',
features,
},
},
paint: {
'circle-radius': 2,
'circle-color': ['get', 'color'],
'circle-opacity': 0.8,
},
});
}
// 删除点位图层
function luminousSpotShow(map: any) {
if (map.getLayer('park-volcanoes')) {
map.removeLayer('park-volcanoes');
map.removeSource('park-volcanoes');
}
}
地图添加发光点效果
转载请注明出处或者链接地址:https://www.qianduange.cn//article/18845.html
相关文章
-
【Typescript antd】安装了antd后,报错找不到antd模块(已解决)
-
DEJA_VU3D - Cesium功能集 之 091-绘制等高线(纯前端)
-
Express框架:TypeScript支持的Web应用框架
-
【NodeJs】从头到尾构建一个Typescript项目
-
医院绩效考核系统
-
vue3 typescript 预览docx文件
-
【日常记录】【插件】浏览器上的扩展 Console Importer
-
设置请求头里添加Authorization时出现 类型“AxiosHeaders | Partial“上不存在属性“Authorization“ 的错误提示解决办法
-
23种设计模式全解析:优雅地编写高质量的代码(typescript)
-
vite中sass警告JS API过期
发布的文章
JSON:API Normalizer 项目教程
2024-10-30 21:10:43
JSON-Viewer插件:json格式查看器
2024-10-30 21:10:43
推荐项目:LiformBundle——无缝连接Symfony与前端的JSON Schema桥梁
2024-10-30 21:10:43
配置微信小程序AppID通常是在项目的`app.json`文件中完成的,它包含了小程序的基本信息,包括AppID
2024-10-30 21:10:41
json2html 项目教程
2024-10-30 21:10:41
STM32F429IGT6的Fatfs文件系统保存cJSON内容
2024-10-30 21:10:39
WCF REST消息格式(JSON/XML)选择
2024-10-30 21:10:38
如何在 Python 中读取 JSON 文件
2024-10-30 21:10:38
自动查询获取实时返回值 JavaScript JQuery on(),change(),trigger()
2024-10-30 21:10:29
大家推荐的文章