
webgis
弃openlayers,换mapbox了
qlanto
做人要务虚,做事要务实。email:qlanto_147@163.com
展开
-
【geoserver】配置sql视图查询传参无效问题
geoserver配置sql视图,传参无效问题原创 2022-11-18 16:48:16 · 461 阅读 · 0 评论 -
【geotools】生成类似geoserver的geojson
使用geotools生成,类似geoserver生成的可用于,mapbox使用的geojson格式的数据。原创 2022-07-13 21:09:13 · 786 阅读 · 0 评论 -
【geotools】实现插入,更新,查询
之前使用geoserver的wfs-t协议进行geoserver的图层要素的增删改查,后来发现geoserver的的url形式局限挺大,现改用geotools。geotools和geoserver的url wfs-t比较geotools的优缺点一次完整的处理过程:geotools: 获取JDBCDataStore,获取FeatureWriter<SimpleFeatureType, SimpleFeature>对象,进行SimpleFeature的setAttribute设置属原创 2022-05-06 14:07:54 · 1583 阅读 · 2 评论 -
【geoserver】判断点在面内(wfs url方式)
http://127.0.0.1:8899/geoserver/GaoXinYW/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=GaoXinYW%3Apsh&outputFormat=application%2Fjson&cql_filter=INTERSECTS(geom,%20POINT(108.8%2034.18))后面的cql_filter:求出两个geom相交的featuresI.原创 2021-11-03 09:18:18 · 599 阅读 · 0 评论 -
【java】【geoserver】java实现对geoserver图层及数据库的数据增删改
采用技术:dom4j,ThreadPoolTaskExecutor线程池,RestTemplate,guava retry,wfs协议,ogc协议,btoa加密,策略模式主要功能:1. 通过geoserver来修改postgresql地理数据库,这样就不需要每次更新数据后,人为手动更新geoserver了2. 失败重试(多线程执行,不需要业务调用方等待,默认成功)3. 重试仍然失败则进行错误xml本地存储...原创 2021-10-26 11:34:44 · 4121 阅读 · 14 评论 -
【docker】centos7 docker安装 postgresql+postgis 安装 jar部署 geoserver部署
离线安装docker下载地址 : https://download.docker.com/linux/static/stable/x86_64/选择合适的版本进行下载复制到centos解压tar -xvf (docker的tar包)将解压出来的docker文件内容移动到/usr/bin目录下cp docker/* /usr/bin将docker注册为servicevim /etc/systemd/system/docker.service内容:[Unit]Description=原创 2021-08-25 11:00:34 · 1017 阅读 · 0 评论 -
【mapbox】使用Expressions实现同一layer不同图标
图标数据结构:markerImgs: [ { name: "camera1", url: "static/waterMarkerRed1.png" }, { name: "camera2", url: "static/waterMarkerRed2.png" }, { name: "camera3", url: "static/waterMarkerRed3.png" }, { name: "camera4", url: "static/..原创 2021-06-28 17:47:06 · 850 阅读 · 0 评论 -
mapbox结合three实现添加3D模型并执行点击事件
点击事件this.renderer.domElement.addEventListener( 'click', (e)=>{ const { clientX ,clientY} = e const x = ( clientX / window.innerWidth ) * 2 - 1; const y = ( clientY / window.innerHeight ) * 2 + 1; const原创 2021-02-24 17:43:53 · 3084 阅读 · 9 评论 -
Mapbox Style 规范(layout geojson等等)
https://my.oschina.net/u/3185947/blog/4819218中文官网包括英文官网的API,对于mapbox的各种属性规范,并没有很详细的描述,或者较为难理解,终于从网上扒了个大佬的文章.原创 2021-02-24 09:46:57 · 1305 阅读 · 0 评论 -
mapbox设置图层样式跟随地图视角变化
this.service.map.addLayer({ "id": this.markerLayerId, "type": "symbol", "source": { "type": "geojson", "data": { "type": "FeatureCollection", "features": features } }, "layout": { "icon-image":原创 2021-02-23 11:18:42 · 1389 阅读 · 0 评论 -
Openlayers Overlay使用心得(转载)
Overlay在Openlayers里是浮动层的概念,区别于vector这样的图层,通常用于弹窗、撒点、以及解决加载icon样式不支持的gif等格式图片。此次用overlay的过程中遇到很多问题,在此记录创建Overlay先简单理一下overlay加载机制:如果我定义了一个id为marks的div标签创建overlay的时候elementid指向这个marks的div:则会在ol-viewport的容器里,生成如下的结构:(当调用ol.Map()这个构造函数时,OpenLayers地图引擎会在转载 2020-10-28 16:47:04 · 829 阅读 · 0 评论 -
openlayers点击某个瓦片高亮展示
使用矢量图层vectorLayer进行图层高亮,拿到点击的那个瓦片的feature,取出几何图形的坐标,他是一个一维数组import Feature from "ol/Feature";import Polygon from "ol/geom/Polygon";import VectorLayer from "ol/layer/Vector";import VectorSource from "ol/source/Vector";removeHighLightLayer() {原创 2020-09-09 15:34:23 · 1767 阅读 · 12 评论 -
openlayers结合谷歌api进行地图定位
整个是应用在vue 中 ,在uniapp的webview中镶嵌,webview的src是要是https访问,否则谷歌api无法获取gps信息代码navigator.geolocation.getCurrentPosition()方法第一个参数是获取成功的callback函数,第二个参数是获取失败时调用的函数第三个是options,可选参数有1、enableHighAcuracy — 布尔值: 表示是否启用高精确度模式,如果启用这种模式,浏览器在获取位置信息时可能需要耗费更多的时间。2、ti原创 2020-09-12 11:34:27 · 785 阅读 · 0 评论 -
openlayers判断坐标点是否在地块面内
/*** coor:坐标点* coorArr:构成地块面的几何坐标点集合(封闭线)获得方式:* for (let coor of feature.getGeometry().getFlatCoordinates()) { coorArr.push(coor); }*/judgeCoordinateInlayer(coor, coorArr) { let arr = new Array(); let len = coorArr.length; l原创 2020-09-22 09:55:05 · 1443 阅读 · 0 评论 -
openlayers生成路线-具有动画效果
效果下面的地图图层屏蔽了,不能展示!所以仅有路线demo核心代码<template> <div> <div id="map" ref="rootmap"></div> <a-button id="searchPath" type="primary" style="z-index:3" @click="searchPath">{{title}}</a-button> </div>原创 2020-09-22 10:24:09 · 4879 阅读 · 10 评论 -
openlayers之new Text()属性探究
options:font字符串类型.用逗号隔开每个属性默认:10px sans-serif其原型就是应用在Canvas上的字体样式.其取值有可以取 css font 中的样式maxAngle数字类型. 前提必须是placement属性设置为line默认:45°(Math.PI / 4)示例图:就是字体可以沿着要素拐弯了offsetX数值型默认0水平文本偏移量(以像素为单位)。正数将使文本右移。offsetY数值型默认0垂直文本偏移量(以像素为单位)。正值将原创 2020-09-29 15:31:00 · 7969 阅读 · 0 评论