gis
文章平均质量分 54
꧁꫞꯭伟꯭伟꯭꫞꧂
这个作者很懒,什么都没留下…
展开
-
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 · 1334 阅读 · 0 评论 -
vue + arcgis for javascript 实战(二)实现底图切换,经纬度显示等
好了,我们继续给我们的地图进行配置现在path:src/utils文件夹加入一个EsriConfig.js文件,我们将option和Modules移入进入然后导出。并且在path:computents/Map/index文件中导入import { Option, Modules } from "@/utils/EsriConfig";此时,就将模块抽离开了。注意,现在option成了大写export const Option = { url: "https://js.arcgis.com/原创 2021-01-02 17:38:49 · 1527 阅读 · 0 评论 -
openlayers 鼠标浮动要素上弹窗显示要素信息
项目中要求鼠标hover到要素时候,在要素位置弹窗,并在框内显示要素的信息。怎么才能具体弹窗到那个位置呢,原来ol官方有个弹窗实例,跟着new就完事了。上效果图map 构造完之后popup添加到map中。// 这段代码是mounted中执行的,只要是在初始化map 之后执行就行。map.on('pointermove', this.ShowFeatureInfo);要素有多种,为了避免和其他的引起冲突,做了很多判断。这里只对点要素进行数据处理。// An highlighted block原创 2020-12-15 09:43:11 · 5232 阅读 · 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 · 1237 阅读 · 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 · 954 阅读 · 0 评论 -
openlayer 实现空间查询6.4v
最近项目中用到空间查询,开始感觉很神奇。就点开百度各种搜索,最终实现结果。达到能能直接通过图层的features拿到信息。将信息渲染成列表,后面实现了发现其实不难。这是点开窗口直接渲染列表这是拉框过滤实现数据//这是vue Event bus 通信方式判断类型是拉框还是搜索方式。this.signal = res.signal;这个是单独加的,由于项目配置中不支持可选链就在回调里面返回一个信号。// An highlighted block // 范围查询事件 this原创 2020-12-14 15:52:07 · 380 阅读 · 0 评论 -
openlayers经纬度随着拖动不断递增,求助!!!
今天检查功能发现一个bug,发现经度值居然能达到200以上。就头疼了。网络上各种搜索相关,居然每一个人有相关例子。去官网看看提供的案例,结果发现居然也达到了200值以上,不论4326坐标还是3857坐标,值都是不断叠加。然后我就开始分析,估计是地图循环loop拖动导致经纬度不准确,就想在map对象的controls: ol.control.defaults()查看有没有相关禁止loop拖动的事件,结果很失败。官方只提供了缩放,拖拽,比例尺等功能。...原创 2020-10-22 10:37:20 · 707 阅读 · 7 评论