webGis
关注
分享
扫一扫
easyCesium
三维案例及数据：http://mapgl.com/share
qq: 951973194
微信：easygis
电话：18755191132
展开
-
dem 各省份30m、中国dem 下载
在我的百度网盘里，链接如下 ：链接：https://pan.baidu.com/s/1zIZPpyA9HnzyWqaLbGow3A提取码：egis原创 2020-09-22 08:57:07 · 21904 阅读 · 15 评论 -
webGis 坐标转换及shp数据发布
闲话少说，我的完整步奏如下：1、由于我拿到的西安80坐标系的shp数据，而我需要的是wgs84的，故先在arcmap中对数据的坐标系进行转换。转换如下：如上即可完成第一步的shp数据坐标系转换。2、使用geoserver发布数据a)、新建工作区b)、添加数据存储c)、在Layer Preview中找到对应的数据进行查看是否正确发布。点击查看属性是否正确：、如图，我用的包含了中文属性的shp，故上面采取的编码格式为gbk。以上就是一个完整的发布过程，原创 2020-06-10 16:21:28 · 592 阅读 · 0 评论 -
Cesium 各高度的获取
1、地形高度的获取方法a: 通过事件获取到像素坐标，然后转为世界坐标，再求地形高度var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);handler.setInputAction(function(evt) { var ray=viewer.camera.getPickRay(evt.position);...原创 2019-05-15 23:23:16 · 12625 阅读 · 0 评论 -
Cesium 其它
取消双击事件：viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK)；计算两点的方向：var direction = Cesium.Cartesian3.subtract(point1, point2,new Cesium....原创 2019-05-07 09:21:13 · 474 阅读 · 0 评论 -
Cesium 调整3dtiles模型高度
var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({ url: 'http://data.marsgis.cn/3dtiles/qx-changfang/tileset.json' })); viewer.scene.primitives.add(tile...原创 2019-04-30 11:32:54 · 6495 阅读 · 0 评论 -
Cesium 态势标绘 军事标绘（已兼容在地形和模型上绘制）
现在我已经将此插件不兼容1.60的bug改好了，但是csdn上好像不允许修改上传的文件，所以我会将代码放到我的github上，有需要的小伙伴可以去下载一下；之前的态势标会插件（此插件地址：https://adventurexph.github.io/drawForCesium/）兼容不了cesium1.50之上，在修改态势标会箭头时会出错，导致没法修改；再后来某大神推出了兼容1.5x版本的插件...原创 2019-04-29 17:53:59 · 22596 阅读 · 86 评论 -
Cesium 中的pick讲解
在cesium中，想获取不同的对象，需要通过pick方法来进行拾取，但是Cesium中有多种pick的方法，例如 scene中有pick、pickPosition、及drillPick等，camera中有getPickRay、pickEllipsoid等，globel中有pick；先来分类说一下各个pick的作用：scene中（一般用来获取entity对象）：pick：scene.pi...原创 2019-05-16 10:17:24 · 12162 阅读 · 1 评论 -
Cesium与Echarts的结合
最近看群里好多小伙伴问cesium和mapV以及echarts的结合，mapV的结合暂时还不想放出来，先把和Echarts的结合的原理说下，后续会放出代码；经过修改，我叠加的echarts已经不会显得飘在地球上方。说下我的实现过程，我是通过在地图上叠加了一个全屏的div，然后在div里渲染Echarts的，这样做会导致当对地图进行操作时，会有一个延迟，显得体验不好。我的做法和其他人的做法有个共...原创 2019-07-12 18:10:08 · 9407 阅读 · 4 评论 -
Cesium 自定义二三维切换按钮
有时我们不想用cesium自带的那个二三维切换，想自己写切换按钮，通过给按钮绑定事件，然后触发切换；关键是切换事件怎么写，通过对源码的研究，还是找到了这个切换的事件； $("#to2d").click(function () { viewer.scene.morphTo2D(1);//二维 }); $("#t...原创 2019-07-02 16:41:19 · 7817 阅读 · 8 评论 -
Cesium 设置背景
Cesium种设置背景目前我接触到的分下面几种：1、设置背景图片 2、设置天空盒天空和由六张图片按照一定的规则拼成了一个正方体，然后地球居于正方体中心。3、设置背景色viewer.scene.skyBox.show = false; viewer.scene.backgroundColor = Cesium.Color.RED; vie...原创 2019-07-23 10:29:17 · 9687 阅读 · 1 评论 -
Cesium 路径分析（纯前端计算）
最近写了个基于高德在线服务的路径分析功能。纯前端计算先说下此功能的思路，由于高德的坐标系是国测局的，而cesium的坐标系是wgs84的，故要对偏差进行处理，处理之后再进行模拟；先上个图看下效果：这里调用的是驾驶车辆的路径规划，高德支持步行、驾车等多种路径规划；一般高德一次性会计算出多条线路，此处为了展示方便，取第一条线路来进行展示。此处计算的是两点之间的用时最少的路线。...原创 2019-08-28 16:17:22 · 5227 阅读 · 2 评论 -
Cesium 模拟卫星扫描
此功能已有一段时间没有维护了，后面重新写了一个。有疑问可以给我留言或者联系我的q 951973194；感谢大家的关注。最近一直在弄关于卫星轨道及卫星扫描的功能，但是又没提供轨道的具体坐标，后端也不提供轨道根数计算轨道坐标的接口。没办法，自己翻阅了好多资料，找出了一个比较冷门的方法，通过卫星的两行参数，结合sgp4来模拟出一段时间的轨道坐标；这次就不晒出结合的方法了，只演示下如何模拟卫...原创 2019-01-11 10:00:51 · 9906 阅读 · 7 评论 -
cesium气泡窗的创建
之前在网上看了几个同行写的cesium创建气泡窗的代码，或者是当地球转到背面时气泡窗还存在，或者是气泡窗功能不完全，自己抽了点时间重写了这个功能，以下供各位同行参考；主要是借用了leaflet的气泡窗，完善了部分功能；demo下载：https://download.csdn.net/download/caozl1132/10982345（用hubilder运行直接可以用）；以下是核心代...原创 2019-01-08 11:47:57 · 6122 阅读 · 4 评论 -
Cesium czml创建卫星轨迹 并模拟卫星扫描
最近一直在弄卫星轨迹的运动，并且模拟卫星扫描；先晒个结果：之前做了sgp4模拟卫星轨道，但是那个真实性太差，通过sgp4生成的轨道是不动的，真实的情况下卫星的轨道也是运动的，所以一般来说还得通过czml来生成轨道展示卫星运动；在未加载扫描功能之前，单独加载czml可以正常展示卫星的运动情况，但后续客户提出了加上扫描功能，以及计算卫星何时过境，在某个时间段内会有哪几颗卫星过境；先说下...原创 2019-01-24 09:51:36 · 11830 阅读 · 19 评论 -
openlayers中绘制态势箭头、进击箭头、钳击箭头等
没事发着玩的，有需要的朋友可以看下，代码就不晒了，下面会给出案例下载链接https://download.csdn.net/download/caozl1132/10981628（不能用，直播剁手）；原创 2019-02-28 17:48:48 · 5954 阅读 · 7 评论 -
Cesium 全景漫游
这两天由于别人提出的需求，在cesium上加载全景漫游功能，于是自己也仿照别人网站的案例模拟写了一个全景漫游功能；先晒个成果：这是提前设定好的路径进行漫游，也可以自己绘制路径进行漫游；也可以在漫游过程中动态改变漫游姿态；下面为面板：以下为部分核心代码，后续会慢慢上传代码：//开始漫游 var f_property = $this.setProperty(paths, ...原创 2019-03-06 18:34:07 · 5843 阅读 · 8 评论 -
Cesium 加载矢量瓦片 mapbox vector tile
最近一直在研究cesium加载mapbox的矢量瓦片问题，网上一个兄弟晒了代码（http://www.cnblogs.com/lilei2blog/p/8622438.html），但是没晒出核心代码，很坑；以下的案例中底图是mapserver的一个底图，用于做对比的，然后加了一个mvt的图层；下面由我上传出全部代码，供大家使用。由于这个也是我研究半天的结果，可以供大家使用，但是核心js我进...原创 2019-03-04 11:43:05 · 18116 阅读 · 13 评论 -
Cesium trackEntity时 如何设置追踪视角
调用viewFrom方法；在entity这个类下，自己可以去看一下；https://blog.csdn.net/caozl1132/article/details/89329709这里是我写的动态设定视角的案例，可参照；以上是entity的方法，下面讲述下primitive的model的视角调控；...原创 2019-03-14 15:06:45 · 7383 阅读 · 2 评论 -
Cesium 关于相机的orientation 及 destination并制作地球动画
今天打算做一个进入三维地球时，地球的自转动画，然后找了一些方法也参照了部分网上的示例，最终决定采用viewer.camera.setView 结合 定时器来实现；开始之前先来看下官方api中关于viewer.camera.setView的解释：主要包含了destination和orientation；其中destination是将地球定位到某个坐标点；orientation是用...原创 2019-03-25 10:58:12 · 6038 阅读 · 1 评论 -
Cesium 修改鼠标操作习惯
主要时利用了这个类Cesium.ScreenSpaceCameraController(scene)，来修改鼠标操作方式；例如：//设置操作习惯,更换中键和右键//viewer.scene.screenSpaceCameraController.tiltEventTypes = [// Cesium.CameraEventType.RIGHT_DRAG, Cesium.Camera...原创 2019-03-27 16:41:36 · 2713 阅读 · 0 评论 -
Cesium 追踪模型或entity 动态修改观看视角
先晒一下效果：先说下大致实现的情形：现从后台获取json数据，拿到gps坐标数组，里面包含时间和经纬度高度，展示模型的运行轨迹，并且在展示的同时可以动态修改观看的视角；以下是cesium中trackEntity时的视角设定：调用viewFrom方法；在entity这个类下，自己可以去看一下，这里的设定只是在追踪entity的时候初始视角，下面的是动态修改视角；现说下...原创 2019-04-16 11:34:41 · 19017 阅读 · 16 评论 -
Cesium 修改homeButton的默认位置
有时我们想在点击这个homeButton时，不是定位到Cesium自带的位置，而是定位到我们想要的位置，看了网上的大部分的方法，说的是修改Cesium源码里的位置，这个肯定是不可取的，以下是我找到的方法；方法一：viewer.homeButton.viewModel.command.beforeExecute.addEventListener(function(e) { e.c...原创 2019-04-22 10:06:20 · 4982 阅读 · 0 评论 -
Cesium中修改infoBox的样式
现在主要有两个方法：1、entity.description = '<div style="height: 360px;">' + 内容 + '</div>';这里是在定义entity的描述内容时，设置好标签的style，这里不能全局改css样式；2、var viewer = new Cesium.Viewer('cesiumContainer');...原创 2019-04-22 10:13:36 · 5675 阅读 · 2 评论 -
Cesium 绕点旋转
绕点旋转的原理很简单，与我前面写的动态修改追踪实体视角的原理是一样的（https://blog.csdn.net/caozl1132/article/details/89329709），都是采用了camera的lookAt方法；...原创 2019-04-17 17:11:21 · 6715 阅读 · 0 评论