网站建设和网站优化哪个重要,吉林省公共资源交易信息网,微信推广软件首选帝搜软件,wordpress 去除右边cesium加载上传至geoserver的tif矢量数据_cesium加载tiff-CSDN博客
geoserver安装及跨域问题解决方案#xff1a;geoserver安装及跨域问题解决方案_geoserver 跨域_1 1王的博客-CSDN博客
将TIF上传至geoserver
启动geoserver服务#xff0c;并进入geoserver主页。 1. 新建…
cesium加载上传至geoserver的tif矢量数据_cesium加载tiff-CSDN博客
geoserver安装及跨域问题解决方案geoserver安装及跨域问题解决方案_geoserver 跨域_1 1王的博客-CSDN博客
将TIF上传至geoserver
启动geoserver服务并进入geoserver主页。 1. 新建工作区
点击工作区再点击添加新的工作区。 2.填入工作区名称以及命名空间URI点击保存。 2. 新建数据源
点击数据存储再点击添加新的数据存储。 2. 选择GeoTIFF 3.填入数据源信息 3. 新建图层
点击图层再点击添加新的资源。 2.选择刚刚创建的数据源点击发布 3.设置相关信息 点击Tile Caching 4. 查看发布的tif
点击Layer Preview 找到刚才新建的图层点击OpenLayers。 即可预览上传的tif。 Cesium
cesium官网Cesium: The Platform for 3D Geospatial。
通过geoserver加载tif
直接上代码
引入cesium并创建一个地球
!DOCTYPE html
html langen
headmeta charsetUTF-8title九寨沟影像可视化/titlescript src../lib/Cesium/Cesium.js/scriptlink href../lib/Cesium/Widgets/widgets.css relstylesheetstylehtml,body{margin: 0px;padding: 0px;}/style
/head
bodydiv idcesiumContainer/divscript//Viewer第一个参数容器就是需要上面的div容器承载var viewer new Cesium.Viewer(cesiumContainer);/script
/body
/html新建一个图层
var provider new Cesium.WebMapServiceImageryProvider({ //创建一个图层geoserver中的tifurl:http://localhost:8080/geoserver/test/wms, // geoserver服务地址layers: test:img05, // 工作区名图层名parameters: {service : WMS,format: image/png,srs: EPSG:4326, // 坐标系transparent: true,}});在地图上显示 script//Viewer第一个参数容器就是需要上面的div容器承载var viewer new Cesium.Viewer(cesiumContainer);viewer.terrainProvider Cesium.createWorldTerrain(); // 加入地形viewer.imageryLayers.remove(viewer.imageryLayers.get(0)) //去掉初始图层var provider new Cesium.WebMapServiceImageryProvider({ //创建一个图层geoserver中的tifurl:http://localhost:8080/geoserver/test/wms, // geoserver服务地址layers: test:img05, // 工作区名图层名parameters: {service : WMS,format: image/png,srs: EPSG:4326, // 坐标系transparent: true,}});viewer.imageryLayers.addImageryProvider(provider); /script这时会发现地球上仍然什么都没有这是由于我们还没有设置相机的位置。 //设置相机位置
viewer.camera.setView({destination:Cesium.Cartesian3.fromDegrees(104.14,33.16,200000.0), // 经纬度和高度});这样就看到了想要的效果。
!DOCTYPE html
html langen
headmeta charsetUTF-8titleCesium Start/titlescript src../lib/Cesium/Cesium.js/scriptlink href../lib/Cesium/Widgets/widgets.css relstylesheetstylehtml,body{margin: 0px;padding: 0px;}/style
/head
bodydiv idcesiumContainer/divscript//Viewer第一个参数容器就是需要上面的div容器承载var viewer new Cesium.Viewer(cesiumContainer);viewer.terrainProvider Cesium.createWorldTerrain(); // 加入地形viewer.imageryLayers.remove(viewer.imageryLayers.get(0)) //去掉初始图层var provider new Cesium.WebMapServiceImageryProvider({ //创建一个图层geoserver中的tifurl:http://localhost:8080/geoserver/test/wms, // geoserver服务地址layers: test:img05, // 工作区名图层名parameters: {service : WMS,format: image/png,srs: EPSG:4326, // 坐标系transparent: true,}});viewer.imageryLayers.addImageryProvider(provider); viewer.camera.setView({destination:Cesium.Cartesian3.fromDegrees(104.14,33.16,200000.0), // 经纬度和高度});/script
/body
/html
