JavaScript+cesium
战斗中的老段
这个作者很懒,什么都没留下…
展开
-
cesium 小demo合集
自定义地图3dtitles交互轨迹demo原创 2023-09-14 22:50:52 · 479 阅读 · 0 评论 -
cesium雷达扫描
有意者聊qq:1125346480 function showRadarScan() { var cartographicCenter = new Cesium.Cartographic(Cesium.Math.toRadians(116.397289), Cesium.Math.toRadians(39.968679), 32); var scanColor = new Cesium.Color(1.0, 0.0, 0.0, 1);原创 2021-05-20 20:40:42 · 731 阅读 · 0 评论 -
cesium 圆形波动
有意者联系qq:1125346480 // // 圆扩散 function showCircleScan() { var cartographicCenter = new Cesium.Cartographic(Cesium.Math.toRadians(117.270739), Cesium.Math.toRadians(31.84309), 32); var scanColor = new Cesium.Color(0.0, 0.0,原创 2021-05-20 20:26:59 · 499 阅读 · 0 评论 -
cesium 圆形波纹
博主qq:1125346480,有想法的加html代码// 加载圆形波纹 viewer.entities.add({ name:'', position: Cesium.Cartesian3.fromDegrees(116.397289 , 39.968679, 0 ), ellipse: { height: 200,原创 2021-05-20 10:53:05 · 629 阅读 · 0 评论 -
cesium 原生抛物线
cesium 原生抛物线html代码 // 抛物线算法 function getBSRPoints (x1,y1,x2,y2,h) { let point1 = [y1, 0] let point2 = [(y2+y1)/2, h] let point3 = [y2, 0] let arr = getBSR(point1, point2, point3) let原创 2021-05-19 16:17:13 · 873 阅读 · 0 评论 -
cesium 获取当前经纬度和视角还有当前level层级
cesium 获取当前经纬度和视角还有当前level层级 // 跟随鼠标获取经纬度和视角高度 var longitude_show=document.getElementById('longitude_show'); var latitude_show=document.getElementById('latitude_show'); var altitude_show=document.getElementById('altitude_sho原创 2021-05-18 20:00:03 · 3416 阅读 · 0 评论 -
cesium 球体半倾斜角度
cesium 球体半倾斜角度// 定位到某个位置 var camera = viewer.scene.camera; camera.flyTo({ //镜头的经纬度、高度。镜头默认情况下,在指定经纬高度俯视(pitch=-90)地球 destination: Cesium.Cartesian3.fromDegrees(113.664761,34.754152 , 10000), orientatio原创 2021-05-18 19:55:12 · 611 阅读 · 0 评论 -
cesium 取消光晕
取消光晕(球体边缘)skyAtmosphere: false,//-------------------去掉球体边缘原创 2021-05-14 20:23:16 · 1032 阅读 · 2 评论 -
cesium 加载网格
cesium 加载网格 // -------------------------------------- ---------------------------------加载网格----------------------------------------------------------------------------------- var GridImagery= new Cesium.GridImageryProvider(); //取消双击事件 viewe原创 2021-05-14 20:20:57 · 1166 阅读 · 0 评论 -
cesium加载 gltf模型
cesium加载 gltf模型首先自己配置一个iis环境 :http://www.xitongcheng.com/jiaocheng/win10_article_60912.html,其他环境 比如 node 或者 内服务器就不用配置环境,直接写代码就行了把iis路径设置到项目文件夹的位置写代码 // 加载gltf模型 function createModel(url, height) { viewer.entities.removeAll();var p原创 2021-05-13 20:07:30 · 2087 阅读 · 0 评论 -
cesium 加载科技感
cesium 加载模型上边的呼吸感 // 设置透明度 var alp = 1; var num = 0;在model里边添加这个color参数 color:new Cesium.CallbackProperty(function () { if ((num % 2) === 0){ alp -=0.005;原创 2021-05-13 19:28:34 · 718 阅读 · 0 评论 -
cesium加载批量模型
cesium加载批量模型 class CreateModel { constructor() { } // 添加单条数据 addEntity(item) { // 删除实体 // viewer.entities.removeAll(); // 添加实体位置 var position = Cesium.Car原创 2021-05-13 19:15:23 · 2553 阅读 · 2 评论 -
cesium 飞行定位
cesium 飞行定位 // 定位到中国 var camera = viewer.scene.camera; camera.flyTo({ //镜头的经纬度、高度。镜头默认情况下,在指定经纬高度俯视(pitch=-90)地球 destination: Cesium.Cartesian3.fromDegrees(116.35850419018553, 39.914157063534844, 7原创 2021-05-13 19:01:57 · 833 阅读 · 0 评论 -
cesium加载arcgis切片
cesium 加载arcmap切片 jpg // z 是缩放级别 x是从左到右 y是从上到下 var imageryUrl = '/images/{z}/{x}/{y}.jpg';//影像数据 var viewer = new Cesium.Viewer("cesiumContainer", { imageryProvider:new Cesium.WebMapServiceImageryProvider({ url: ima原创 2021-05-13 17:30:52 · 1210 阅读 · 0 评论 -
cesium 加载Googl式的切片
cesium 加载切片首先配置个iis本地服务器把项目放到iis服务器路径里边代码var viewer = new Cesium.Viewer('cesiumContainer',{ CesiumInspector:true, animation: false, //是否显示动画控件 shouldAnimate : true, homeButton: false, //是否显示Home按钮原创 2021-05-13 15:06:13 · 432 阅读 · 0 评论 -
cesium 模型绕点飞行一周
cesium 模型绕点飞行一周 // 加载glb模型原地旋转 //获取锥体的坐标 var position = Cesium.Cartesian3.fromDegrees(116.35850419018553, 39.914157063534844,0); var heading = 0;//偏航角(Y轴) var pitch = 0; //俯仰角(X轴) var roll = 0;原创 2021-05-12 10:07:58 · 692 阅读 · 0 评论 -
CESIUM加载glb的模型
CESIUM加载gltf的模型1、首先有一个gltf格式的模型// 加载gltf的模型//url模型路径 可以是.glb或者gltf等,height距地高度0为贴地 function createModel(url, height) { viewer.entities.removeAll();var position = Cesium.Cartesian3.fromDegrees( -123.0744619, 44.0503706, height );转载 2021-05-11 09:59:29 · 5319 阅读 · 2 评论 -
JavaScript+cesium 添加高德影像图和标注
cesium 加载高德影像图和标注1、 Document ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210511090142341.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ4MjAzODI4,size_16,原创 2021-05-11 09:04:27 · 1616 阅读 · 0 评论