cesium加载3dtiles模型贴图到地图

  <template><div id="cesiumContainer">  </div>
</template><script>
var viewer;
export default {data() {return {}},mounted() {//天地图tokenlet TDT_tk = "fb258b4c0bbf60ff7a0205b519ad9a96";//Cesium tokenlet cesium_tk = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJjMzEyYTYxYS1jNDVjLTQwNWQtOWMxMS00YTBkODA5ZWM5ZTAiLCJpZCI6MTA4MjEyLCJpYXQiOjE2NjMzMTI1Mzd9.wzgyyPRkywsre6aZ7HPP-w5UqfSnuPgJa7EuWjPqccc";//天地图影像let TDT_IMG_C = "http://{s}.tianditu.gov.cn/img_c/wmts?service=wmts&request=GetTile&version=1.0.0" +"&LAYER=img&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}" +"&style=default&format=tiles&tk=" + TDT_tk;//标注let TDT_CIA_C = "http://{s}.tianditu.gov.cn/cia_c/wmts?service=wmts&request=GetTile&version=1.0.0" +"&LAYER=cia&tileMatrixSet=c&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}" +"&style=default&format=tiles&tk=" + TDT_tk;// //初始页面加载Cesium.Ion.defaultAccessToken = cesium_tk;viewer = new Cesium.Viewer('cesiumContainer', {geocoder: false,   // 位置查找工具baseLayerPicker: false,// 图层选择器（地形影像服务）timeline: false, // 底部时间线homeButton: false,// 视角返回初始位置fullscreenButton: false, // 全屏animation: false,   // 左下角仪表盘（动画器件）sceneModePicker: false,// 选择视角的模式（球体、平铺、斜视平铺）navigationHelpButton: false, //导航帮助按钮requestRenderMode: true, //启用请求渲染模式scene3DOnly: false, //每个几何实例将只能以3D渲染以节省GPU内存sceneMode: 3, //初始场景模式 1 2D模式 2 2D循环模式 3 3D模式  Cesium.SceneModeimageryProvider: new Cesium.WebMapTileServiceImageryProvider({url: TDT_IMG_C,layer: "tdtImg_c",style: "default",format: "tiles",// tileMatrixSetID: "c",subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],tilingScheme: new Cesium.GeographicTilingScheme(),tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18"],maximumLevel: 18,show: false,tileMatrixSetID: 'w',})});//调用影响中文注记服务viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({url: TDT_CIA_C,layer: "tdtImg_c",style: "default",format: "tiles",tileMatrixSetID: "c",subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],tilingScheme: new Cesium.GeographicTilingScheme(),tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19"],maximumLevel: 50,show: false}));this.loadModelFun();},methods: {loadModelFun() {viewer._cesiumWidget._creditContainer.style.display = "none"; //去除版权信息let tileSetModel = new Cesium.Cesium3DTileset({ url: "/terra_pnts/tileset.json" , maximumScreenSpaceError: 2,maximumNumberOfLoadedTiles: 100000});// tileSetModel.readyPromise.then(tileset => {//   console.log("加载完成")//   viewer.scene.primitives.add(tileset);//   viewer.zoomTo(tileset, new Cesium.HeadingPitchRange(0.5, -0.5, tileset.boundingSphere.radius * 1.0));// }).catch(function (error) {//   console.log(error);// });//控制模型的位置tileSetModel.readyPromise.then(function (palaceTileset) {viewer.scene.primitives.add(palaceTileset);var heightOffset = 2.0; //可以改变3Dtiles的高度var boundingSphere = palaceTileset.boundingSphere;var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, heightOffset);var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());palaceTileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);viewer.zoomTo(palaceTileset, new Cesium.HeadingPitchRange(0.5, -0.2, palaceTileset.boundingSphere.radius *1.0));});},}
}
</script><style scoped>
#cesiumContainer {width: 100%;height: 100vh;
}</style>

cesium加载3dtiles模型贴图到地图相关推荐

Cesium加载3Dtiles模型-大疆智图
Cesium加载3Dtiles模型 Cesium加载3Dtiles模型步骤: (一)如果您使用的是大疆智图,则该软件可以直接输出3Dtiles格式(B3DM切片)的数据,如图所示: var viewe ...
cesium加载 gltf模型
cesium加载 gltf模型首先自己配置一个iis环境 :http://www.xitongcheng.com/jiaocheng/win10_article_60912.html,其他环境比如 ...
cesium加载批量模型
cesium加载批量模型 class CreateModel {constructor() { }// 添加单条数据addEntity(item) {// 删除实体// viewer.entities ...
Cesium加载建筑物模型（shp转Geojson\3Dtiles）
本文主要介绍cesium加载Geojson和3dtile格式的建筑物模型文件,除此之外还介绍了Cesium工具栏的屏蔽方法.天地图的加载.地球初始状态设置等几个部分的内容,其中又不乏参照.优化诸如: ...
cesium加载BIM模型
自己尝试用cesium引擎加载BIM模型,操作步骤如下: 第一步: 下载一个BIM模型第二步: 将BIM模型转换成FBX格式转成gltf格式在如下网站进行转换: https://products ...
Cesium加载3dtiles ，出现An error occurred while rendering. Rendering has stopped.RuntimeError: Unsupport
RuntimeError: Unsupported glTF Extension: KHR_technique_webgl 这是因为gltf1.0升级到gltf2.0后不支持自定义shader var ...
Cesium加载无偏移百度、高德地图
前言使用cesium加载地图服务时,cesium默认的地理坐标系是WGS84坐标,一般添加天地图的地图服务时不会发生地图偏移的情况(其实也有,但是可以忽略不计),直接加载就可以,但在添加百度.高德地 ...
cesium 加载bim模型_构建统一CIM数字底盘，实现基于BIM的全流程管控
▲点击关注,收获更多GIS精彩 2009年,SuperMap发布了首款二三维一体化GIS软件,首次提出了二三维一体化GIS技术.随后,二三维一体化的应用系统不断涌现,二三维一体化技术逐步成为三维GIS ...
cesium加载CAD模型(.dwg)
1.用3dmax软件将dwg文件转成obj格式 2.用cesium自带的obj2gltf工具转成(或cesiumlab的个人模型切片工具) 3. 转载于:https://www.cnblogs.com ...

cesium加载3dtiles模型贴图到地图

cesium加载3dtiles模型贴图到地图相关推荐

最新文章

热门文章