cesium--使用Cesium加载行政区域轮廓显示

最新推荐文章于 2024-08-26 16:15:59 发布

Tan-玛卡巴卡

最新推荐文章于 2024-08-26 16:15:59 发布

阅读量639

点赞数 11

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_60172238/article/details/141157709

版权

1、下载json各行政区域文件，放到静态资源

链接：DataV.GeoAtlas地理小工具系列

2、封装方法，都是先清除，后加载的

//加载行政区域方法
function cityGeojson(provinceCode) { 
	for (let m = 0; m < Serverpointlist.length; m++) {
		viewer.entities.remove(Serverpointlist[m]);
	  }
//注意这个路径，要和呢本地资源一样，我这边写是动态传的行政代号，动态去读取，改成自己的就可以
	let url = './public/map/' + provinceCode + '.json';
	$.getJSON(url, function (res, status) {
	  if (status == 'success') {
		for (var i = 0; i < searchLineEntities.length; i++) {
		  if (searchLineEntities[i] != undefined) {
			viewer.entities.remove(searchLineEntities[i]);
		  }
		}
		if (res.features && res.features.length) {
		  for (var i = 0; i < res.features.length; i++) {
			let features = [];
			features.push(res.features[i])
			setVal({
			  features: features
			})
		  }
		}
	  } else {
		console.log("没有读取到本地文件：" + status);
		return false;
	  }
	})
  }

3、调用

     cityGeojson(100000)

4、清除事件

//清除线
function searchCityClear() {
	for (let m = 0; m < Serverpointlist.length; m++) {
		viewer.entities.remove(Serverpointlist[m]);
	  }
}

//直接调用
searchCityClear()