openlayersJS
文章平均质量分 72
二维地图JS库
奔跑的痕迹
I like to learn new technologies every day and I am willing to constantly improve myself.
展开
-
Illegal property name: the_geom for feature type app:sjhb_glfwm
一直以来使用ol 就避免不了使用geoserver,然而在一次使用wfs 进行geometry过滤是遇到了许多奇怪的问题,而因经验不足,找寻不到解决方法,甚是苦恼;在多方搜寻和理解情况下找到了一些解决方法,故再次记录,便于今后查询原创 2022-04-23 21:48:18 · 1665 阅读 · 3 评论 -
openlayers自定义投影坐标系(EPSG:4542),GeoJSON读取geometry和坐标转换
在做二三维开发中时常会遇见,形形色色各种类型的投影坐标系,然额不管是OL还是CESIUM他们都只支持EPSG:3857和EPSG:4326类型的坐标系,所有我们不得不将 其他类型的投影坐标转换为4326或者3857,目前比较好用的要属proj4, 当时刚开始使用也是十分笨拙,走了些弯路…项目中时常会得到shp转换的大量geojson数据如:这种一大堆的坐标系,且需要全部转换,起初我是这样做的:1、拿到所有的featurens,2、申明一个临时变量来保存所有的features3、然后循环调.原创 2021-11-27 12:32:43 · 4847 阅读 · 0 评论 -
openlayres Cannot set property ‘disposed‘ of undefined
今日遇到一诡异事件,使用openlayers 进行feature 加载标注,一直报错Cannot set property 'disposed' of undefined甚是郁闷,看就有相关帖子,但操作完全不同如How to add or remove the Layer from map in ol@6.0.0-beta.3对于代码是看了又看,没问题呀,,,于是我拷贝了项目中原来的代码到该操作方法,进行适当修改,运行正常???异常代码 //矢量标注的数据源 const vecto原创 2021-11-21 12:08:37 · 624 阅读 · 2 评论 -
openlayers获取绘制多边形的顶点坐标
/** * 画笔初始化 */ drawPrepare() { const source = new VectorSource() const vector = new VectorLayer({ source: source, style: new Style({ fill: new Fill({ color: 'rgba(255,218,185, 0.4)' ...原创 2020-06-10 09:15:16 · 2568 阅读 · 1 评论 -
使用openlayers扩展插件ol-ext设置地图指定区域高亮
最近要实现一个从底图向上发光的功能,着实纠结了好久,起初像是使用polygon 颜色透明度来实现,但毕竟底图不亮,增加图层效果不理想呀一、ui设计是这样二、使用polygon着色效果是这样 import {styleSwitch} from '@/components/common/set_style'; mapInit(){ this.map...原创 2020-01-04 22:00:11 · 5076 阅读 · 11 评论 -
openlayers 使用canvas绘制圆形头像图标
记录一个使用canvas 将一张图片等比缩放,裁剪为一个圆1、原始图片2、绘制后在地图中呈现的样式3、设置样式的函数 /** * 设置Style */ setStyleOnPersonLocation (feature) { const data = feature.values_ var imgUrl = 'https://person_head_img/avatar.jpg' // 绘制圆角矩形 let.原创 2020-08-21 16:10:58 · 1061 阅读 · 0 评论 -
openlayers 中设置地图最佳可视范围和限制缩放
ol设置原创 2020-02-09 20:31:53 · 6372 阅读 · 0 评论 -
Uncaught TypeError: imageStyle.getImageState is not a function
这个错误也是遇得到哟,柑橘自己好无辜呀,我哪里错了,找了半天原来还是自己找的错误看 import Circle from 'ol/geom/Circle'; feature.setStyle(new Style({ image: new Circle({ radius: num, fill: new Fill({...原创 2020-02-14 21:50:27 · 2637 阅读 · 5 评论 -
openlayers Text字体大小设置
今做一个app版的ol地图,发现区域太小显示拥挤,于是想把字体改小,看起来匀称点,于是盯紧了font属性使劲改老是不听咋整呢?网上找大佬于是找到了得到了各路大神鼎力相助如:赶紧跑去试试,原来这并不是我想要的,大佬实现的是iconfont控制,我是单独的对字体的控制不行还搞不定再来,,,于是来到了这哎,只是我设置的字体比他的小,我想设置小于10的字体。咦,突然想到了,chr...原创 2020-02-14 21:35:04 · 4711 阅读 · 0 评论