gis_sss的博客

一、账号注册在mapbox上进行注册一个账号，链接如下https://studio.mapbox.com/二、数据发布1、进入主页面选择Tilesets2、点击new titles将本地数据上传到服务端3、数据预览，点击刚刚上传的数据，进入预览页面没看到数据就表示数据发布成功四、打赏（编写不易）...

一、概述使用openlayers点击要素高亮显示方法可以使用select来实现，对于一个页面显示多个图层如何进行指定图层进行高亮，其他图层不高亮，select也提供相应的方式二、点击高亮的实现方法（1）es6的方式按钮加载模块import { Select } from "ol/interaction";import { click } from "ol/events/condition";（2）实现高亮 let selectClick = new Select({ .

一、建立空间表，建议使用下边的代码建立空间表不建议使用navicat去建表CREATE TABLE city( id int4,name varchar(25), geom geometry(POINT,4326) );二、egg中建立modelmodule.exports = app => { const { INTEGER, STRING, GEOMETRY } ...

一、下载安装turf下载地址：https://github.com/Turfjs/turfapi和示例地址：http://turfjs.org/docs/二、使用openlayers配个turf.js(1) 点数据的缓存//创建缓冲数据var point = turf.point([114.2058,33.2469]);var buffered = turf.buf...

一、查询（1）建立数据模型module.exports = app => { const { STRING, INTEGER, DATE, GEOMETRY } = app.Sequelize; const Zhengzhou = app.model.define("zhengzhou", { gid: { type: INTEGER, prim...

一、egg基本环境的搭建官方地址：https://eggjs.org/zh-cn/tutorials/index.html一、将本地建立一个项目文件夹如gis-analyse,在该文件夹下执行脚手架命令npm init egg --type=simple（2）安装依赖npm i（3）运行npm run dev二、安装sequelize,官方中文地址：htt...

一、加载WMS服务 var map = L.map('map',{ center:[Number(45.59482210127054) ,Number(124.74)], zoom:9, crs:L.CRS.EPSG4326 }); const bounderLayer =L.tileLayer.wms("http://192.168.43.22:8081/g...

一、介绍由QGIS导出的标注sld样式文件使用geoserver发布使用openlayers加载服务，标注出现重复性问题二、解决重复问题1、使用nodepad++打开sld文件添加 <se:Geometry> <ogc:Function name="centroid"> ...

一、思路首先将单个点组成数据，然后添加到矢量资源中生产点图层，这样做的原因是将一种类型的点数据变成一个图层用于图层的控制二、普通实现方式var fillStyle = new ol.style.Fill({ color: 'rgba(255, 255, 255, 0.8)'})// 边界样式var strokeStyle = new ol.style.Stroke({ ...

一、普通web工程写法/** * 获取WMS服务的属性数据 * @param map * @param wmsSource */function getWMSInfo(map,wmsSource){ var eventKey = map.on('singleclick', function(evt) { $(".testMenu").hide...

一、导入相关的包import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer.js';import {XYZ,TileWMS,Vector as VectorSource,ImageWMS,Cluster} from 'ol/source.js';二、函数的封装// 加载geoserver发布的WMS数据exp...

一、矢量天地图（1）导入依赖的文件import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer.js';import {XYZ,TileWMS,Vector as VectorSource,ImageWMS,Cluster} from 'ol/source.js';（2）矢量天地图的函数封装/** * 说明...

一、组件的封装（1）依赖文件的导入// 映入css文件、import 'ol/ol.css';import '../utils/openlayers/css/OverviewMap.css';import Map from 'ol/Map.js';import View from 'ol/View.js';import TileLayer from 'ol/layer/Til...

一、鼠标移动到矢量要素上实现高亮显示的思路（1）建立一个高亮的图层，鼠标移动获取的数据添加到高亮图层上边，鼠标移除，将改要素从高亮图层中删除，这种方式会影响点击事件，点击获取的永远是高亮图层要素，要是地图当前只有一个图层有点击事件影响不是很大，但是多个图层存在点击事件会受到影响，需要建立多个高亮图层进行分类显示属性信息。（2）利用js的浅拷贝特性进行数据存储，鼠标移动获取的要素赋值给一个变...

一、概述在geoserver中发布的数据，如果不加自定义样式，geoserver发布的数据会采用默认的样式，这种样式往往是无法满足实际地图展示的需求，如何利用QGIS编辑好样式使用geoserver发布出来呢？接下来为大家介绍使用QGIS如何制作地图数据样式的设置、数据分级加载、显示标注以及标注的分级加载二、样式的制作1、样式设置，常常指没一种数据显示的颜色不一样。（1）QGIS将...