摘要:
Leaflet之时间的添加和删除 事件添加: map.on('click', (res) => { console.log(res.latlng) // 打印点击位置坐标 }) 事件移除: map.off('click') 钻研不易,转载请注明出处...... 阅读全文
摘要:
superMap之标绘 superMap样例中有一个标绘demo: https://iclient.supermap.io/examples/leaflet/editor.html#drawAndModify 原理: leaflet.draw组件 详细api:https://www.npmjs.co 阅读全文
摘要:
常见坐标系 EPSG:4326 全球1984,WGS84 EPSG:4490 大地坐标系,cgcs2000 EPSG:3857 投影坐标系,墨卡托投影 102016 北极 等距方位投影 North_Pole_Azimuthal_Equidistant 102019 南极 等距方位投影 South_P 阅读全文
摘要:
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 阅读全文