oplayers
文章平均质量分 60
꧁꫞꯭伟꯭伟꯭꫞꧂
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
openlayers只获取显示区域范围中的featrues
最近碰到一个需求,是关于空间查询的,获取当前视口进行查询,思考了一下,需要先拿到视图的四至范围,将这个范围绘制成矩形即可。再去拿到geometry进行wfs条件查询。注释不写了,不明白查官方 const [ x1, y1, x2, y2 ] = map.getView().calculateExtent(); const feature = new ol.Feature({ geometry: new ol.geom.Polygon.fromExtent([ x1, y1, x2,.原创 2021-04-20 16:34:46 · 1546 阅读 · 0 评论 -
vue + arcgis for javascript 实战(一)配置页面并显示页面
最近接触Arcgis。 感觉很奇葩,自己做出来的东西都没有那种归属感,有种摸不透的感觉,很多的东西api封装好了,但是看着就是不习惯,甚至是存在漏洞。我不怎么喜欢看这类的官方的api文档,arcgis官方的例子也不是那么的全,都是散开的。另外现在arcgis 版本更新,3版本和4版本,导致想在网上搜索资料都应为在版本不同而却步。我的dome是vue版本。npm install vue-cli -gvue create 'dome'.......这就略过了main 文件是干净的。用到了vuex,r原创 2021-01-02 16:15:10 · 1167 阅读 · 3 评论 -
openlayers 鼠标浮动要素上弹窗显示要素信息
项目中要求鼠标hover到要素时候,在要素位置弹窗,并在框内显示要素的信息。怎么才能具体弹窗到那个位置呢,原来ol官方有个弹窗实例,跟着new就完事了。上效果图map 构造完之后popup添加到map中。// 这段代码是mounted中执行的,只要是在初始化map 之后执行就行。map.on('pointermove', this.ShowFeatureInfo);要素有多种,为了避免和其他的引起冲突,做了很多判断。这里只对点要素进行数据处理。// An highlighted block原创 2020-12-15 09:43:11 · 6001 阅读 · 7 评论 -
openlayers 根据缩放层级给点要素添加聚合
项目中出现的features数量多了。会显示的有些混乱。在地图中添加聚合效果,来解决这个问题。最终解决效果我的最终要求是缩放级别大于7 显示点要素,小于则显示聚合要素,在百度上参考别人的例子,发现没什么人有这个需求,于是就从zoom 下手。来达到切换效果。 let timer = -1; let clusterSource = new ol.source.Cluster({distance: 40, source: this.wfsVectorSource}); let c原创 2020-12-14 17:17:20 · 1448 阅读 · 2 评论 -
openlayers加载坐标数据,将数据点绘制渲染出行政区边界图形。
收到一个文本文件,里面都是经纬度信息。说是一打开地图就加载行政区的矩形来,图形信息在这个文件中。通过绘制方式来实现。最终效果图源文件长这样,串信息是以逗号隔开export const XzqPosArr = `108.622001617963 29.8682975813846,108.617103555458 29.8696002688859,108.611000055452 29.8668899563833,108.603111242945 29.8645400813811,108.5978011原创 2020-12-14 16:19:18 · 2414 阅读 · 0 评论 -
openlayer 实现空间查询6.4v
最近项目中用到空间查询,开始感觉很神奇。就点开百度各种搜索,最终实现结果。达到能能直接通过图层的features拿到信息。将信息渲染成列表,后面实现了发现其实不难。这是点开窗口直接渲染列表这是拉框过滤实现数据//这是vue Event bus 通信方式判断类型是拉框还是搜索方式。this.signal = res.signal;这个是单独加的,由于项目配置中不支持可选链就在回调里面返回一个信号。// An highlighted block // 范围查询事件 this原创 2020-12-14 15:52:07 · 517 阅读 · 0 评论 -
openlayers经纬度随着拖动不断递增,求助!!!
今天检查功能发现一个bug,发现经度值居然能达到200以上。就头疼了。网络上各种搜索相关,居然每一个人有相关例子。去官网看看提供的案例,结果发现居然也达到了200值以上,不论4326坐标还是3857坐标,值都是不断叠加。然后我就开始分析,估计是地图循环loop拖动导致经纬度不准确,就想在map对象的controls: ol.control.defaults()查看有没有相关禁止loop拖动的事件,结果很失败。官方只提供了缩放,拖拽,比例尺等功能。...原创 2020-10-22 10:37:20 · 839 阅读 · 7 评论
分享