geojson
迷茫的小猿
一只学后端但必须做前端工作的程序猿
展开
-
vue+openlayer加载geojson通过地图的singleclick事件实现要素的选中高亮以及再次点击取消选中
思考:选中: 通过singleclick事件可以获取坐标点,openlayer中Feature有个getGeometry().getClosestPoint§方法,就是feature根据这个p坐标可以获取到里这个点最近的坐标点,然后咱们通过这个点和点击的点的距离进行比较,并且咱们也可以进一步的进行限定(判定点击的坐标在feature的边界内),这样做还是有问题,就是你还有可能选中不相关的点或者线,咱们可以做一个工具,也是使用openlayer加载geojson,然后通过选中你想要进行标定的要素,将这些块的原创 2020-07-01 17:41:51 · 1977 阅读 · 0 评论 -
vue+openlayers加载geojson 限定(过滤)一些feature(要素)不能被选中或者指定某些feature能够被选中
需求:公司场所对工位、办公室、会议室等进行标定,选中时不能选中灯管,地毯,无关的线和点思考:咱们可以获取到所有的要素(feature),通过AutoCAD打开cad文件时你可以发现,要素是有类型的,然后咱们使用openlay加载geojson时在控制台打印feature会发现feature.values_.RefName这个字段和autocad里面发现的类型是一致的,ok,可以开始完成了解决方案:你可以做一个工具,也是使用openlayer加载geojson,然后通过选中你想要进行标定的要素,将这些原创 2020-07-01 17:32:19 · 1893 阅读 · 0 评论 -
vue集成openlayers(vue+openlayers)加载geojson并实现点击弹窗教程
第一步:安装vue-clicnpm install -g @vue/cli第二步:新建一个项目1.新建项目 (vue-openlayers为项目名),并选择default模版vue create vue-openlayers2.安装openlayerscnpm i -S ol第三步:写业务代码1.删除掉HelloWorld.vue 新建 olmap.vue组件components/olmap.vue代码:<template> <div id="map" r原创 2020-05-21 18:17:22 · 2630 阅读 · 0 评论 -
arcgis.js加载geojson
首先需要下载js文件geojsonlayer.js直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="原创 2020-05-20 16:15:14 · 1409 阅读 · 0 评论 -
java根据一个完整的geojson文件,根据图层名称导出单个图层的geojson文件
第一步:先熟悉geojson的数据结构geojson将所有的地理要素分为Point、MultiPoint、LineString、MultiLineString、Polygon、MultiPolygon、GeometryCollection。感觉有篇博文讲的挺好,大家可以去看一下geojson数据结构讲解第二步:试图使用Java代码去获取json里面你想要的图层里面的数据我之前写过一篇根据Java代码获取json数据的文章,大家可以去看一下java操作json文件第三步、代码实现:public s原创 2020-05-12 10:18:56 · 720 阅读 · 0 评论 -
openlayers.js加载geojson时绑定单击事件,点击空白处选中最接近的要素(比如一个线性图形下面有个多边形,在线性图形空白处点击时会选中多边形,而你想要选中线性图形)
第一步:问题分析当你在使用openlayers加载geojson时,使用ol.interaction.Select给map添加单击事件选中要素时,比如一个线性图形下面有个多边形,在线性图形空白处点击时会选中多边形,而不会选中线性图形,这应该怎么解决呢?代码: var selectSingleClick = new ol.interaction.Select(); map.addIntera...原创 2020-05-08 14:24:13 · 609 阅读 · 0 评论 -
opnelayers.js加载geojson实现选中一个块(要素)高亮所有相同的块(要素)
分析思路:首先实现选中一个要素,然后打印出一个Feature,然后在控制台看看不同的要素之间有什么区别,相同的要素之间有什么相同属性第一步:绑定单击事件,选中一个要素代码:var selectSingleClick = new ol.interaction.Select();map.addInteraction(selectSingleClick);selectSingleClick....原创 2020-05-07 10:02:20 · 360 阅读 · 0 评论 -
使用openlayer显示geojson的时候,使用openlayers中interaction的select方法单击选中要素
直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高德地图+ol</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.co...原创 2020-04-26 14:59:29 · 545 阅读 · 1 评论 -
将geojson显示到JavaScript 页面上的几种方式(arcgis.js、openlayer.js、高德地图AMap)
第一种:通过arcgis.js将geojson展示到页面上:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...原创 2020-04-26 11:29:22 · 3740 阅读 · 2 评论 -
dxf转geojson,该软件会把dxf软件转为多个图层,多个图层又分为多个要素文件(即多个图层要素文件)
软件连接:添加链接描述使用:该软件是免费的,注册登录后即可进行转换该软件支持DWG、DXF、SHP、MDB、KML、KMZ、GPX、GeoJson、EXCEL、TXT、CSV、GeoTiff、Image(img)、Bitmap(bmp)、Png格式的数据文件。登录后初始页面:点击添加按钮 添加AutoCAD(Dwg、Dxf)文件:选择导出格式(GeoJSON),设置源坐标系和目标坐标...原创 2020-04-23 10:53:46 · 1733 阅读 · 1 评论 -
geojsonlayer.js 加载GeoJSON数据,页面显示可选中,拖拽,缩放
注意事项:GeoJSON数据需要转换坐标系(我在这里使用的是wkid 3857)目录结构:页面使用代码arcgis.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid...原创 2020-04-22 13:48:40 · 1984 阅读 · 0 评论