Cesium 添加多边形
2021/5/13 10:29:59
本文主要是介绍Cesium 添加多边形,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<!DOCTYPE html> <html lang="ch-en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="./js/Cesium-1.72/Build/Cesium/Widgets/widgets.css"> <style> #map3d { height: 1000px; width: 1000px; margin: 0 auto; } </style> </head> <body> <div id="map3d"></div> </body> <script src="./js/Cesium-1.72/Build/Cesium/Cesium.js"></script> <script src="./js/jQuery.js"></script> <script> viewer = new Cesium.Viewer('map3d', { selectionIndicator: false, animation: false, baseLayerPicker: false, timeline: false, sceneModePicker: false, navigationHelpButton: false, fullscreenButton: false, imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ url: 'http://t0.tianditu.gov.cn/img_w/wmts?tk=7fdca056b488529020b96dd0a6891579', layer: 'img', style: 'default', tileMatrixSetID: 'w', format: 'tiles', tileHeight: 0, maximumLevel: 18 }), }); const json = { "type": "Polygon", "coordinates": [[[106.818340748, 35.345186594], [106.912227457, 35.857950428], [107.235357796, 35.9277981500001], [107.730486478, 36.022622105], [107.85655614, 35.8806908460001], [107.822121228, 35.5285600620001], [107.584770259, 35.2284864530001], [107.376631529, 35.1572428380001], [107.022823644, 35.1807053140001], [106.988349662, 35.2733902210001], [106.818340748, 35.345186594]]] } let data = [] json.coordinates[0].forEach(item => { data.push(Cesium.Cartesian3.fromDegrees(item[0], item[1])) }) let entity = new Cesium.Entity({ id: `${ new Date().getTime()}面`, name: "线几何对象", show: true, polygon: { hierarchy: new Cesium.PolygonHierarchy(data), material: Cesium.Color.RED.withAlpha(0.65), perPositionHeight: true, } }); viewer.entities.add(entity); </script> </html>
这篇关于Cesium 添加多边形的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-07-05feign默认connecttimeout和readtimeout是多少-icode9专业技术文章分享
- 2024-07-05idea控制台,日志太多,导致部分想看得日志被刷走 搜不到-icode9专业技术文章分享
- 2024-07-05The server selected protocol version Tls10 is not accepted by client preferences [TLs12]-icode9专业技术文章分享
- 2024-07-05怎么清理项目缓存-icode9专业技术文章分享
- 2024-07-04安装 Eyoucms详细图文教程-icode9专业技术文章分享
- 2024-07-04ueditor 复制文章时,图片的链接是一个下载图片地址,该如何处理?-icode9专业技术文章分享
- 2024-07-04怎样判断host有没有对wordpress有缓存呢-icode9专业技术文章分享
- 2024-07-04具有编译功能的系统make后,无法ssh连接-icode9专业技术文章分享
- 2024-07-04make后如何升级ssh-icode9专业技术文章分享
- 2024-07-03微信支付提示下单账户与支付账户不一致-icode9专业技术文章分享