03 2022 档案
摘要:Vue cli3 安装使用 cesium 又是GIS,真烦人,但是挣钱是真香。为啥有写了一篇呢,因为之前写的vue使用cesium是糊弄人的,那是在vue项目里面通过iframe来嵌入原生html页面来实现的,实属惭愧,因为我当时确实不会直接在vue中安装库来操作,尽管现在用的也不是很好,但是可以写
阅读全文
摘要:openlayer 绘制自定义坐标点 引入相应的库 import 'ol/ol.css'; import Map from 'ol/Map'; import OSM from 'ol/source/OSM'; import TileLayer from 'ol/layer/Tile'; import
阅读全文
摘要:openlayer 热力图显示 相关库类 import moment from 'moment' import Projection from 'ol/proj/Projection' import Static from 'ol/source/ImageStatic' import Map fro
阅读全文
摘要:openlayer 绘制多边形 /*** 绘制多边形 points:多边形顶点组成的列表 */ drawPolygon(points) { let layer = this.getLayerFromMap(this.map, 'polygon') // 先查看一下之前是否存在,如果存在先移除 if
阅读全文
摘要:openlayer添加自定义图片图层 这个就是有一种图片,把他放到openlayer里面去! 首先引入相关的库文件 import Projection from 'ol/proj/Projection' import Static from 'ol/source/ImageStatic' impor
阅读全文
摘要:openlayer 绘制线 上一小节说了一下openlayer绘制坐标标记点,这一次说一下绘制线,其实也很简单。 // 初始化地图 initMap() { map = new Map({ layers: [ new TileLayer({ source: new OSM(), }), ], targ
阅读全文
摘要:openlayers添加坐标点 上一节说了一下vue接入openlayer,这一节说一下在openlayer上面绘制点。 其实呢,openlayer还是蛮强大的,但是入门我觉得不容易,分享一张大神做的简化的openlayer结构图。 所以说通过这张图可以看出来,添加一个展示的坐标点,需要一个feat
阅读全文
摘要:vue 项目安装 openlayer 今天呢,稍微说一下关于 vue 项目使用 openlayer 的一些操作,我也是刚开始学习,在摸索。 比较讨厌的一点就是他的官网说明文档啥的都是英文的,对英语不好的很不友好,我也看不懂,但是我下了一个有道翻译,关键是刚接触,不了解,都不知道怎么检索能得到答案,没
阅读全文
摘要:Vue 接入高德地图 Vue 使用高德地图,实现缩放,鼠标绘制,测距、测面积、行政区域范围绘制、关键词查询等操作。 参考资料 高德地图API官网:https://lbs.amap.com/ 高德地图2.0参考手册:https://lbs.amap.com/api/jsapi-v2/documenta
阅读全文
摘要:vue接入高德地图绘制扇形 为什么又写这一篇呢,主要是因为这个功能高德不支持,只能自己实现,但是呢,我估计很多人会用到这玩意儿。所以说呢,就简单的实现一下,如果有需要的话直接超过去就行,之前写过天地图绘制扇形区域的,如果使用天地图的话可以翻一下我之前的博客,百度地图和这个方法类似,可能就是使用的类不
阅读全文
摘要:天地图实现手动绘制多边形,获取顶点位置坐标,双击弹出菜单提供删除功能 现在呢,有一个天地图,需要在上边手动绘制区域,绘制的区域是一个多边形,需要在绘制完成之后获取绘制的多边形的各个顶点存入数据库,并且可以实现双击唤出菜单,菜单提供删除或者是编辑的功能。 手动绘制多边形 首先需要创建一个绘制工具,监听
阅读全文