cesium导入kml文件

cesium官网有导入kml文件的例子，但是sandcastle里的kml源文件相对于复杂，如果在本地项目上加载的话没有实际效果，kml文件里请求的图片和数据本地的路径下并没有，而且去改它文件里的路径的话感觉太过于复杂，于是自己找了一个简单的kml文件实现导入的目的。
本次导入的kml文件和如果想稍微了解一下kml的话可以看这里
如果想进一步了解的话，可以点这里

主要代码

 viewer.dataSources.add(Cesium.KmlDataSource.load('source\\kml\\sTest.kml',{camera: viewer.scene.camera,canvas: viewer.scene.canvas}));

kml文件：

<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2"> <Placemark><name>The Pentagon</name><Polygon><extrude>1</extrude><altitudeMode>relativeToGround</altitudeMode><outerBoundaryIs><LinearRing><coordinates>-77.05788457660967,38.87253259892824,100 -77.05465973756702,38.87291016281703,100 -77.05315536854791,38.87053267794386,100 -77.05552622493516,38.868757801256,100 -77.05844056290393,38.86996206506943,100 -77.05788457660967,38.87253259892824,100</coordinates></LinearRing></outerBoundaryIs><innerBoundaryIs><LinearRing><coordinates>-77.05668055019126,38.87154239798456,100 -77.05542625960818,38.87167890344077,100 -77.05485125901024,38.87076535397792,100 -77.05577677433152,38.87008686581446,100 -77.05691162017543,38.87054446963351,100 -77.05668055019126,38.87154239798456,100</coordinates></LinearRing></innerBoundaryIs></Polygon></Placemark>
</kml>

全部代码（包含之前其他功能的代码）

<!DOCTYPE html>
<html lang="en"><head><!-- Use correct character set. --><meta charset="utf-8" /><!-- Tell IE to use the latest, best version. --><meta http-equiv="X-UA-Compatible" content="IE=edge" /><!-- Make the application on mobile take up the full browser screen and disable user scaling. --><meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /><title>Hello World!</title><script src="Build/Cesium/Cesium.js"></script><script src="source/Js/knockout-3.5.1.debug.js"></script><script src="source/Js/Sandcastle-header.js"></script><!-- <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> --><style>@import url(Build/Cesium/Widgets/widgets.css);html,body,#cesiumContainer {position: absolute;top: 0;bottom: 0;width: 100%;}#toolbar select{display: inline-block;position: relative;background: #303336;border: 1px solid #444;color: #edffff;fill: #edffff;border-radius: 4px;padding: 5px 12px;margin: 2px 3px;cursor: pointer;overflow: hidden;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}</style>
</head><body><div id="cesiumContainer"></div><div id="map"></div><div id="toolbar"><select data-bind="options: options, optionsText: '_text', value: selectedOption, optionsCaption:'选择相机功能'"></select></div><script>Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3MTc0NmI2My00NWVlLTQzYjYtOGVhOC1jMGI5Mzc0MGU3ODEiLCJpZCI6MzkxMDMsImlhdCI6MTYwNzE2NjEwMX0.OZNA22OAC1XGQXem2-S-Vb0ew7W3EtK2CrUMiv1JuUY';var viewer = new Cesium.Viewer('cesiumContainer', {geocoder: false, // 查找位置工具，默认使用bing地图navigationHelpButton: false, // 导航帮助按钮animation: false, // 动画器件timeline: false, // 时间线fullscreenButton: false, // 全屏按钮terrainProvider: Cesium.createWorldTerrain(), //地形shadows: true, //阴影});// 显示帧速（FPS）viewer.scene.debugShowFramesPerSecond = true;viewer.cesiumWidget.creditContainer.style.display = "none";// 初始化场景位置window.viewer.scene.camera.setView({// 初始化相机经纬度destination: new Cesium.Cartesian3.fromDegrees(-77.05,38.87,800),// orientation: {"heading": 5.462412729374679, "roll": 6.280834231188946, "pitch": -0.3856971665320348}endTransform: Cesium.Matrix4.IDENTITY,});viewer.dataSources.add(Cesium.KmlDataSource.load('source\\kml\\sTest.kml',{camera: viewer.scene.camera,canvas: viewer.scene.canvas}));</script>
</body></html>

最终效果图：

cesium导入kml文件相关推荐

提取KML文件上点的经纬度
目录问题: 方法一:借助arc gis软件 1.在Google earth上创建kml 2.在ArcGIS上导入kml文件 3.图层多边形文件转为线要素 4.线要素转为点要素 5.点要素添加点要素的 ...
奥维地图数据格式_奥维互动地图导入dxf文件说明
<奥维互动地图导入dxf文件说明>由会员分享,可在线阅读,更多相关<奥维互动地图导入dxf文件说明(6页珍藏版)>请在人人文库网上搜索. 1.1:打开奥维互动地图点击左上角系统 ...
奥维地图数据格式_奥维互动地图导入df文件说明
1 : 打开奥维互动地图点击左上角系统栏 . 2 :点击系统设置. 3 :将系统坐标系(经纬度)改为(横轴墨卡托投影) . 4 :点击设置. 坐标类型选择经纬度-西安 8 ...
10显示不支持导入dwg文件_Global Mapper中80坐标系高程DEM与kml文件叠加实例
概述在GIS行业中,有很多经常用到的软件,比如CAD.ArcGIS.Erdas和ENVI等大型专业软件,也会常用到像Global Mapper这样的"迷你"软件,这里,我们以80 ...
在水经注中导入陈江街道九条河KML文件的应用案例
概述水经注软件除了可以轻松下载无水印Google Earth卫星影像.有明确拍摄日期的历史影像.地方高清天地图.百度高德大字体打印地图,且可按1万/5千等国家标准图幅下载,可下载陆地及海洋高程.ST ...
【超图+CESIUM】【基础API使用示例】42、超图｜CESIUM - 绘制编辑线段｜读取kml文件绘制编辑｜导出kml线段数据
前言缺少前置学习使用资料,请自行查阅:[https://blog.csdn.net/weixin_44402694/article/details/123110136](https://blog.c ...
【超图+CESIUM】【基础API使用示例】43、超图｜CESIUM - 绘制编辑面｜读取kml文件绘制编辑｜导出kml面数据
前言缺少前置学习使用资料,请自行查阅:[https://blog.csdn.net/weixin_44402694/article/details/123110136](https://blog.c ...
云南河道 kml文件_处理能力提升 4 倍，大疆智图 4 天完成 5 公里河道建模
马陵河是江苏省宿迁市老城区一条重要排涝河道,1974 年人工开挖而成,全长 5.2 km,汇水面积 11.6 km²,居住人口 13.85 万人.河道水质长期处于黑臭状态,严重影响周边居民日常生活,被 ...
tif 高程_Global Mapper中80坐标系高程DEM与kml文件叠加实例
概述在GIS行业中,有很多经常用到的软件,比如CAD.ArcGIS.Erdas和ENVI等大型专业软件,也会常用到像Global Mapper这样的"迷你"软件,这里,我们以80 ...
谷歌地图kml能透明吗_如何使用谷歌地图的KML文件快速计算面积
谷歌地图是可以带你飞到世界上的任何地方哦.首先,打开谷歌地图,然后飞到你想要计算面积的那个地方,比如我飞到的是一片毛竹林,我要计算它的面积. 现在按以下步骤进行:第一,先设置你要添加的多边形属性,然后 ...

cesium导入kml文件

主要代码

kml文件：

全部代码（包含之前其他功能的代码）

最终效果图：

cesium导入kml文件相关推荐

最新文章

热门文章