前言
内容概览
本篇实现成果具体参照MikesWei的github 效果图如下：
实现过程
<!DOCTYPE html>
<html>
<head>
<meta />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<title>cesium加载矢量瓦片</title>
<meta charset="utf-8" />
<style>html, body, #cesiumContainer {
width: calc(100%);
height: calc(100%);
margin: 0;
padding: 0;
overflow: hidden;
}</style>
</head>
<body>
<div id="cesiumContainer">
</div>
<div id="creditContainer" style="display: none;">
</div>
<link href="./Cesium/Widgets/widgets.css" rel="stylesheet" />
<script src="./Cesium/Cesium.js" type="text/javascript"></script>
<script src="./build/CesiumVectorTile.min.js" type="text/javascript"></script>
<script src="index.js"></script>
</body>
</html>
VectorTileImageryProvider =viewer = Cesium.Viewer('cesiumContainer', baseLayerPicker:,fullscreenButton:,geocoder:,timeline:,vrButton:,homeButton:,infoBox:,selectionIndicator:,navigationHelpButton:,navigationInstructionsInitiallyVisible:,200= = "none" provinceLayer = "./Assets/Data/json/bj.json").then(= eval("(" + geojson + ")" turf = mask = bufferedOuter = turf.buffer(geojson.features[0], 2, "kilometers" bufferedInner = turf.buffer(geojson.features[0], 1, "kilometers"= turf.difference(bufferedInner, geojson.features[0=== bufferedOuterProvider = 99"rgba(209,204,226,1)"2"rgba(209,204,226,1)"200"rgba(255,0,0,1)"-10-513"黑体""NAME" |
|
|
