04 2020 档案
摘要:cesum之earthsdk简介 cesum之在3d地球方面确实强大,但是相对来说更偏底层一点,一些很炫酷的效果如果需要自己做,会花费大量的时间,而且很多时候实现起来很有挑战。 earthdk是一个cesum的封装,里面有很多炫酷的效果可以直接使用。 官网:http://www.earthsdk.c
阅读全文
摘要:cesium之飞线数据获取(贝塞尔曲线转换) 最近研究了一下飞线生成的原理,找到一种实现方法。 以下:x指经度,y指纬度,h指飞线高度 原理: 1.通过两个点和飞线高度计算出控制贝塞尔曲线弧度的第三个点 2.将三个点的(y, h)传入贝塞尔曲线算法,得到一条垂直于地面的贝塞尔曲线点数组arr 3.通
阅读全文
摘要:Cesium之动画原理(CallbackProperty) CallbackProperty是一个类,其值由回调函数延迟计算。也就是说它在不断地自我调用,每当期返回的对象有改变,就抛出改编后的值。 利用这种特性,我们就可以在定义材质时,用CallbackProperty生成动态的对象赋值给材质参数,
阅读全文
摘要:vue之在方法中添加dom 写vue代码的过程中经常碰到需要动态添加dom的情况,一直没有找到合适的解决方法。今天记录一个比较蠢的玩法。 js原生创建dom,再添加进dom中去。 代码示例: 1.添加a标签后点击,经常用在下载文件的实践封装: let link = document.createEl
阅读全文
摘要:ol之加载geoserver的wms服务 示例: 将geoserver发布的shp文件图层,以tile的方式加载到图层上。 addSj () { this.sjLayer = new ol.layer.Tile({ className: 'sj', source: new ol.source.Til
阅读全文
摘要:ol之要素查询 要素查询可以直接从geoserver上的矢量数据服务中查询符合条件的要素。 代码: let featureRequest = new ol.format.WFS().writeGetFeature({ srsName: 'EPSG:3857', featureNS: 'gistone
阅读全文
摘要:ol之弹窗 openlayers的弹窗主要通过 Overlay 添加。 1.首先需要创建弹框dom: <div id="popup" ref="popup" class="ol-popup"> <a href="#" ref="popup-closer" class="ol-popup-closer
阅读全文
摘要:ol之天地图加载 天地图的添加使用XYZ的方式添加。代码如下 // 加载天地图图层 addTdtLayer (type) { let layer = new ol.layer.Tile({ source: new ol.source.XYZ({ url: 'http://t' + Math.roun
阅读全文
摘要:ol之地图定位 1.通过extent定位 let extent = vectorSource.getExtent() this.view.fit(extent) 2.通过点、zoom定位 this.view.setZoom(_zoomLevel); this.view.setCenter(ol.ex
阅读全文
摘要:ol之filter过滤获取feature 使用场景: 通过geoserver的省界服务查询对应省的要素,定位到对应位置 代码: sfCode 为省份编码 queryLocation (sfCode) { let featureRequest = new ol.format.WFS().writeGe
阅读全文
摘要:uDig之生成geoserver图层样式 geoserver图层样式可通过xml数据定义,但是样式xml编写复杂,可通过uDig工具生成样式。 生成步骤: 1.将shp图层拖拽至软件layer中 2.右键选择change Style...,进入界面 3.配置样式后Apply应用可显示 4.样式xml
阅读全文
摘要:ol之从全局加载ol 将openlayers引入vue: npm i ol 当使用时,需要从ol中分别将用到的组件引入页面,如下: import 'ol/ol.css' import {Map, View} from 'ol' import Tile from 'ol/layer/Tile' imp
阅读全文
摘要:ol之点的坐标系转换 经纬度转为米: ol.proj.transform([item.cd002, item.cd003], 'EPSG:4326', 'EPSG:3857') 米转换为经纬度: ol.proj.toLonLat([]) 钻研不易,转载请注明出处。。。。。。
阅读全文
摘要:arcgis之天地图坐标拾取工具 工具路径:http://gistone_lishuai.gitee.io/skymapcoordinatetool/#/getCoordinate 钻研不易,转载请注明出处。。。。。。
阅读全文
摘要:gitee之部署vue项目dist目录 功能描述:将vue项目中打包后的dist目录使用Gitte pages部署,使其可以访问。 问题:部署后文件路径找不到 解决方法:配置vue.config.js中的publicPath属性,将部署项目项目名配置在publicPath属性中,例: publicP
阅读全文
摘要:arcgis js 之 featureLayer创建模板 简单创建,用作拷贝: let FeatureLayer = await arcgisPackage.FeatureLayer let layer = new FeatureLayer({ id: 'gj', title: '保护区边界', u
阅读全文
摘要:arcgis js 之featureLayer服务查询及筛选 arcgis js中查询前端创建的featureLayer和服务端的featureLayer的查询方式是不同的。 查询服务端featureLayer中的features和extent: (QueryTask) let queryTask
阅读全文