djson

cesium加载gltf模型点击以及列表点击定位弹窗

余生长醉 提交于 2020-08-04 16:37:55
前言 cesium 官网的api文档介绍地址 cesium官网api ,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子: cesium 官网在线例子 ,这个也是学习 cesium 的好素材。 之前有部分订阅者咨询我,cesium加载gltf模型点击弹窗以及模型列表点击定位弹窗那些交互是怎么实现的,虽说比较简单,但是总有新手是有这块需求的。所以,今天我抽空整理一下本篇素材,简单写一下。 实现效果图如下: 大概思路如下: gltf模型的模拟数据源配置,配置gltf模型路径以及气泡窗口显示内容json数据源 /* 三维模型gltf配置信息 */ MapConfig.mapPosition = Cesium.Cartesian3.fromDegrees(102.468086, 37.933179,3500 ); MapConfig.position = Cesium.Cartesian3.fromDegrees(102.468086, 37.933179 ); MapConfig.Obj3D = { position:MapConfig.mapPosition, models:[ { id: "1_db" , name : "测试3D模型1_db" , type: "gltf" , position : MapConfig.position, uri : "http:/

cesium加载gltf模型点击以及列表点击定位弹窗

試著忘記壹切 提交于 2020-07-29 07:19:17
前言 cesium 官网的api文档介绍地址 cesium官网api ,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子: cesium 官网在线例子 ,这个也是学习 cesium 的好素材。 之前有部分订阅者咨询我,cesium加载gltf模型点击弹窗以及模型列表点击定位弹窗那些交互是怎么实现的,虽说比较简单,但是总有新手是有这块需求的。所以,今天我抽空整理一下本篇素材,简单写一下。 实现效果图如下: 大概思路如下: gltf模型的模拟数据源配置,配置gltf模型路径以及气泡窗口显示内容json数据源 /* 三维模型gltf配置信息 */ MapConfig.mapPosition = Cesium.Cartesian3.fromDegrees(102.468086, 37.933179,3500 ); MapConfig.position = Cesium.Cartesian3.fromDegrees(102.468086, 37.933179 ); MapConfig.Obj3D = { position:MapConfig.mapPosition, models:[ { id: "1_db" , name : "测试3D模型1_db" , type: "gltf" , position : MapConfig.position, uri : "http:/