Cesium-GeoJson数据的显示和隐藏 - 学习笔记 - Cesium - GIS开发笔记 | Aayu Yain = 学无止境 = 世界上大部分事，都没太大意义。真理与热爱除外

# 结果展示

	//-------------------------- 加载 GeoJson 数据 ------------------------------

	var fireLayer = null;
	var borderLayer = null;
	var roadLayer = null;

	viewer.dataSources.add(Cesium.GeoJsonDataSource.load('Assets/muli/muli_geojson/fire.geojson', {
	stroke: Cesium.Color.RED.withAlpha(0.5),
	strokeWidth: 2.3,
	fill: Cesium.Color.RED.withAlpha(0.1),
	clampToGround: true
	})).then(data => {
	fireLayer = data;
	});

	viewer.dataSources.add(Cesium.GeoJsonDataSource.load('Assets/muli/muli_geojson/road.geojson', {
	stroke: Cesium.Color.CORAL.withAlpha(0.5),
	strokeWidth: 2.3,
	fill: Cesium.Color.CORAL.withAlpha(0.4),
	clampToGround: true
	})).then(data => {
	roadLayer = data;
	});

	viewer.dataSources.add(Cesium.GeoJsonDataSource.load('Assets/muli/muli_geojson/border.geojson', {
	stroke: Cesium.Color.RED.withAlpha(0.5),
	strokeWidth: 2.3,
	fill: Cesium.Color.RED.withAlpha(0.5),
	clampToGround: true
	})).then(data => {
	borderLayer = data;
	});

	//------------------------- 图层的显式控制 ----------------------------------
	checkboxFire = document.getElementById("checkboxFire");
	checkboxFire.checked = true;
	checkboxFire.addEventListener("click", () => {
	fireLayer.show = checkboxFire.checked;
	borderLayer.show = checkboxFire.checked;
	});

	checkboxRoad = document.getElementById("checkboxRoad");
	checkboxRoad.checked = true;
	checkboxRoad.addEventListener("click", () => {
	roadLayer.show = checkboxRoad.checked;
	});