webgis
记录接触webgis的一些代码片段与编码经验
浮思梧桐
QQ交流群:813100933
展开
-
wfs、wms图层获取当前点击位置的feature
目录需求一、添加点击事件二、WMS图层三、WFS图层需求使用vue、openlayer加载浙江省范围内的5000个点,一开始使用mapbox的矢量切片mvt,但是数量一多就变得非常卡顿,影响使用,可能openlayer对这个支持并不好吧,于是决定在小比例尺下使用wms服务、大比例尺下使用wfs图层,然后需要在wfs或wms层点击并缩放到点击的feature范围,并弹出属性框展示feature属性一、添加点击事件首先添加openlayer的点击事件 // 为图层增加点击事件,查看图层属性字段原创 2020-11-11 09:02:24 · 1107 阅读 · 0 评论 -
百度地图开放平台WebApi地点输入提示服务的返回值没有location字段的问题
这几天做一个地图坐标拾取的前端项目需求如下通过访问的IP获取所在行政区划根据关键词搜索POI兴趣点,显示在下拉列表中在选中的的POI上放一个Marker,Marker可以拖动,并显示当前位置的CGCS2000经纬度坐标(在国家天地图上显示)点击button复制该坐标值到剪贴板选择方案使用VUE 2、element ui、vue-clipboard2(复制到剪贴版)、v-region(好用的一个行政区划选择组件)mapboxgl+国家天地图底图百度地图开放平台WebApi中的地点输入提原创 2020-09-15 09:41:23 · 879 阅读 · 0 评论 -
mapbox-gl空间分析插件turf.js使用介绍
原文连接mapbox-gl能够方便地显示地图,做一些交互,但是缺少空间分析功能,比如绘制缓冲区、判断点和面相交等等。turf.js是一个丰富的用于浏览器和node.js空间分析库,官网 http://turfjs.org/ ,非常适合于mapbox-gl开发,不仅mapbox-gl里面推荐的空间分析插件有turf,而且turf.js官网的示例均基于mapbox实现。下面就开始turf之旅了。1. 先介绍几个功能介绍1.1测量相关MEASUREMENT如面积(area)、长度(length)、中转载 2020-09-14 13:59:09 · 2207 阅读 · 0 评论 -
turf创建Feature时属性丢的BUG
使用turf.js创建feature时,发现一个问题,当传的properties Object 里的属性值为1时,不会赋值到创建的feature的属性中,可以使用Object.assign(target, …sources)来进行赋值原创 2020-09-14 13:21:58 · 353 阅读 · 0 评论