cesium的datasource（cesium如何改变地图gamma某一块区域的透明度）

本文目录

• cesium如何改变地图gamma某一块区域的透明度
• ionic3结合cesium在ios中的问题解决
• cesium测量距离，测量地形上两点的距离（工具篇）
• cesium获取点击点的经纬度

cesium如何改变地图gamma某一块区域的透明度

场景色调透明度设置。fxaa确实能够改善文本和图片的清晰度，API文档上fxaa属性的介绍：Whentrue，enablesFastApproximateAnti-aliasingevenwhenorderindependenttranslucencyisunsupported。即开启fxaa能够启用图片抗锯齿的功能，但是不知道为啥会导致图片模糊，关掉之后会清晰很多。直接用canvas绘制图片或者文本图形比直接调用Cesium接口绘制要清晰很多。

ionic3结合cesium在ios中的问题解决

***隐藏网址*** i got it to run by realising in debug that the DataSourceDisplay assignment to the global variable is not reached in the iOS platform ... Translating ;) :         var scene = cesiumWidget.scene; var dataSourceDisplay = new DataSourceDisplay({ scene : scene, dataSourceCollection : dataSourceCollection });         this._dataSourceDisplay = dataSourceDisplay; //i’ve placed the last line manually since this the following code is never reached in iOS Code that should be reach but is not for some reason: //Assign all properties to this instance.  No "this" assignments should //take place above this line. this._baseLayerPickerDropDown = baseLayerPickerDropDown; this._fullscreenSubscription = fullscreenSubscription; this._vrSubscription = vrSubscription; this._vrModeSubscription = vrModeSubscription; this._dataSourceChangedListeners = {}; this._automaticallyTrackDataSourceClocks = defaultValue(options.automaticallyTrackDataSourceClocks, true); this._container = container; this._bottomContainer = bottomContainer; this._element = viewerContainer; this._cesiumWidget = cesiumWidget; this._selectionIndicator = selectionIndicator; this._infoBox = infoBox; this._dataSourceCollection = dataSourceCollection; this._destroyDataSourceCollection = destroyDataSourceCollection; this._dataSourceDisplay = dataSourceDisplay;

cesium测量距离，测量地形上两点的距离（工具篇）

有时候我们的项目中需要开发一个测量距离工具。在三维世界中测量的距离包括1.直线距离。2.垂直距离（即两个点的高程做差）。3.水平距离（即两个点在同一高度上的距离）4.地形上的贴地距离。5.测地线（椭球体上的距离）。我们分别来介绍下面这几种情况怎样计算距离。 1.直线距离 原理：直线距离 = 计算两个点向量做差求模长 输出2.垂直距离 原理：垂直距离=目标点高程-起始点高程 如果未知起始点和目标点高程的情况下，先计算出他们的高程，然后做差 输出3.水平距离 原理：水平距离=（目标点向量 - 和目标点同 一高度的起点向量）求模长 提升或降低起点的高程使和目标点是高程相等，然后使用1计算直线距离的方法计算就可以了 4.地形上的距离 原理:先求出两个点的直线距离，然后等间距做插值，求出每一个插值点在地形上的世界坐标，然后对插值点之间求直线距离后累加得到两点的地表坐标。如果两点距离过长例如超过了5公里，可以适当降低一下插值的经度，如果直线距离超过100公里，建议采用求测地线的方法地表距离。因为距离越大插值点数量越多计算就越慢。 输出5.测地线（椭球体上的距离，因为地球是圆的，所以求地球上两个点的距离相当于求椭球体上的两点曲线距离） 参照我的另一篇博客   cesium 求地表两点的距离（基础篇) 最后祝大家工作愉快，gis圈子的朋友可以帮忙关注下我博客哈！蟹蟹啦

cesium获取点击点的经纬度

首先，Cesium 中的坐标可分为两种情况：二维和三维，三维又有地形和模型之分； 1、二维坐标，获取椭球体表面的经纬度坐标： var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas); handler.setInputAction(function(evt) { var cartesian=viewer.camera.pickEllipsoid(evt.position,viewer.scene.globe.ellipsoid); var cartographic=Cesium.Cartographic.fromCartesian(cartesian); var lng=Cesium.Math.toDegrees(cartographic.longitude);//经度值 var lat=Cesium.Math.toDegrees(cartographic.latitude);//纬度值 var mapPosition={x:lng,y:lat,z:cartographic.height};//cartographic.height的值始终为零。 }, Cesium.ScreenSpaceEventType.LEFT_CLICK); 2、三维坐标，获取地形表面的经纬度高程坐标： 方法一 var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas); handler.setInputAction(function(evt) { var ray=viewer.camera.getPickRay(evt.position); var cartesian=viewer.scene.globe.pick(ray,viewer.scene); var cartographic=Cesium.Cartographic.fromCartesian(cartesian); var lng=Cesium.Math.toDegrees(cartographic.longitude);//经度值 var lat=Cesium.Math.toDegrees(cartographic.latitude);//纬度值 var mapPosition={x:lng,y:lat,z:cartographic.height};//cartographic.height的值为地形高度。 }, Cesium.ScreenSpaceEventType.LEFT_CLICK); 方法二 var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas); handler.setInputAction(function(evt) { var ray=viewer.camera.getPickRay(evt.position); var cartesian=viewer.scene.globe.pick(ray,viewer.scene); var cartographic=Cesium.Cartographic.fromCartesian(cartesian); var lng=Cesium.Math.toDegrees(cartographic.longitude);//经度值 var lat=Cesium.Math.toDegrees(cartographic.latitude);//纬度值 //height结果与cartographic.height相差无几，注意：cartographic.height可以为0，也就是说，可以根据经纬度计算出高程。 var height=viewer.scene.globe.getHeight(cartographic); var mapPosition={x:lng,y:lat,z:height.height};//height的值为地形高度。 }, Cesium.ScreenSpaceEventType.LEFT_CLICK); 3、三维坐标，获取模型表面的经纬度高程坐标（此方法借鉴于官方示例）： var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas); handler.setInputAction(function(evt) { var scene = viewer.scene; if (scene.mode !== Cesium.SceneMode.MORPHING) { var pickedObject = scene.pick(evt.position); if (scene.pickPositionSupported && Cesium.defined(pickedObject) && pickedObject.node) { var cartesian = viewer.scene.pickPosition(evt.position); if (Cesium.defined(cartesian)) { var cartographic = Cesium.Cartographic.fromCartesian(cartesian); var lng = Cesium.Math.toDegrees(cartographic.longitude); var lat = Cesium.Math.toDegrees(cartographic.latitude); var height = cartographic.height;//模型高度 mapPosition={x:lng,y:lat,z:height} } } } }, Cesium.ScreenSpaceEventType.LEFT_CLICK);