- 博客(27)
- 收藏
- 关注
RSS订阅原创 OpenLayers 入门指南【九】：图层与数据源
在OpenLayers中通过Source类来加载多源数据，数据加载完成后将其传递给不同的Render渲染器来渲染这些数据，最终在Layer图层中呈现到地图中，本章内容将概括性的介绍目前OpenLayers支持的图层（Layer）与数据源（Source），并将对应关系罗列出来。
2025-09-02 08:45:00
102
原创 OpenLayers 入门指南【八】：视图View
View对象通过控制中心点缩放旋转和投影，定义了用户与地图交互的核心逻辑。合理配置参数（如extent约束）和方法（如fit）可实现从基础显示到复杂交互的全功能地图应用。更多高级特性可参考官方文档。下一章要介绍图层与数据源。
2025-08-26 08:00:00
52
原创 OpenLayers 入门指南【七】：加载自定义控件
通过上面的步骤，我们就可以创建一个自定义的控件加载到地图中去。当然本文中写的控件是非常简单的一个，方便大家练习上手，大家可以参考这个来自己创建一个更有难度的控件。创建控件的DOM元素编写相关业务逻辑代码DOM元素绑定业务逻辑设置控件全局样式下一章节将介绍视图View的使用方法。
2025-08-18 13:45:26
133
原创 OpenLayers 入门指南【六】：加载常用控件
Controls 是 OpenLayers 中提升用户交互体验的关键组件，通过合理配置预置组件快速实现缩放、全屏等一些基础交互功能，上面的介绍中只大致讲了一部分常用的属性，其他未说明的属性与方法可以参考官方文档进行了解。通常情况下这些预置控件能满足大部分项目的使用场景，如有特殊业务场景也可以通过自定义控件来实现，下一章节我们就讲一下如何在OpenLayers中自定义一个控件。
2025-08-11 07:00:00
137
原创 OpenLayers 入门指南【五】：Map 容器
Map对象通过整合视图图层和交互控件，构建了 OpenLayers 的核心功能。通过合理配置参数（如targetviewlayers）与方法（如图层管理、事件监听），可实现从基础地图展示到复杂交互的全功能应用。除上述提到的常用属性与方法，还有一些没介绍的特性，大家可以自行参考官方文档进行学习使用。下一章要介绍一些常用的控件。
2025-08-04 22:44:15
293
原创 OpenLayers 入门指南【四】：项目初始化
本章内容主要介绍了如何使用脚手架搭建一个基础的Vue3前端框架。基于此框架模版我们通过引入OpenLayers前端GIS开发库来初始化一张地图。由于这个Map类要承载所有加到地图内的元素，为了后续文章流畅性，下一章节我们将结合API文档的说一下地图容器Map类的属性与方法。
2025-07-28 22:05:11
170
原创 OpenLayers 入门指南【三】：API概要
本章节主要介绍OpenLayers官网的展示的不同栏目与作用，方便感兴趣的同学去查阅。核心类模块提到的10个类是地图应用开发过程中经常被使用到的类，只要掌握这些类就能够独立做一个地图应用了。这里只是介绍下这些类在地图构建中的作用，详细的用法与属性会在后面的文章中逐步介绍。除了上面核心类以外的其他类在此不再介绍，留到具体使用场景的实战中再做说明。当然你也可以去OpenLayers官网的API中自行学习与掌握。
2025-07-21 22:04:28
138
原创 OpenLayers 入门指南【二】：坐标系与投影转换
坐标系是用于定义、表示和测量地球表面上要素的空间位置的一种框架。坐标系提供了一种标准化的方法，用于引用和集成来自各种源的空间数据，并确保要素之间精确的空间关系。其中包括参考点（原点）、坐标轴（例如纬度和经度或者东距和北距）以及测量单位（例如度、米或英尺）。GIS 中使用的常见坐标系包括地理坐标系、投影坐标系。地理坐标系 (Geographic Coordinate Systems)：使用经纬度定义球体或椭球体表面上点位置的参考系统投影坐标系 (Projected Coordinate Systems)
2025-07-13 22:59:36
330
原创 OpenLayers 入门指南：序言
本专栏旨在帮助零GIS基础的开发人员系统掌握OpenLayers这一强大的开源Web地图库，通过 “理论+实战” 结合的方式，逐步实现从创建地图到构建一个基础地图应用模版。无论你是前端开发者、GIS爱好者，都可以通过此专栏零基础开始用OpenLayers开发一个基础地图应用。如果你对OpenLayers已经有过了解和使用，且对API也掌握的比较熟了，不建议订阅此专栏！
2025-07-02 23:44:03
184
原创 OpenLayers 入门指南【一】：WebGIS基础与OpenLayers概述
WebGIS是互联网与地理信息系统的结合，通过浏览器实现空间数据的发布与共享，应用广泛于智慧城市、物流交通等领域。主要技术栈包括OpenLayers、Leaflet等前端框架，以及GeoServer等后端服务。OpenLayers作为专业GIS开发工具，功能强大但复杂，适合处理复杂地理数据；而Leaflet轻量简洁，更适合快速开发和移动端应用。随着WebGL和WebGPU技术的发展，WebGIS将进一步提升性能，推动其在各行业的深入应用。
2025-07-02 23:37:27
566
原创 【OpenLayers 进阶】添加滤镜改变底图样式
项目实施过程中，需要根据不同的业务场景需求变换地图样式。如果客户提供的底图服务或自建底图服务是类似Mapbox这种矢量切片，那只要按照需求配置不同的样式文件即可。如果没有矢量切片，只有一张张瓦片图如何实现呢？下面提供两种实现方式，以供参考上述两种方式都可以实现改变底图颜色的需求，但实现的逻辑有所区别。className是在canvas节点添加了滤镜，作用到载入画布的所有图像，不作用于原始瓦片。则是将请求的原始瓦片用滤镜预处理一遍产生一张加了滤镜的新瓦片，然后再加到canvas中的。
2024-09-03 21:35:12
1694
原创 空间分析判断以及坐标转换工具
记录自身在项目实践过程中编写的一些GIS常用工具1. 几何基本属性工具：提供几何的基本空间属性获取和操作2. 坐标转换工具：提供百度，高德坐标系与标准坐标系的相互转化功能3. 几何空间关系判断：提供几何关系（相交，包含等）判断
2021-05-05 12:16:17
1570
1
原创 【笔记二】将Springboot 程序注册成Win服务
将Springboot 程序注册成Win服务一、前期准备Java 运行环境，配置环境变量等（这是jar包运行的必备环境）Winsw程序（本章主角）二、注册步骤下载安装包：（这里下载最新的，可以按照需要下载自己需要的版本）可以看到又很多.NET版本，可以先查看自身电脑.NET版本 再去下载对应版本。如果都没有的话，可以选择.NETCore31的版本，这个是带了.NET 3.1（以下是README写到的）查看自身.NET版本方法 ：打开资源管理器，输入C:\Window
2021-01-23 12:12:55
412
原创 栅格瓦片转mongodb离线部署
栅格瓦片转mongodb离线部署前提 上一篇博客中讲到了如何将TMS标准的瓦片转换成mbtiles格式发布服务，但是在现实环境中，使用的切图工具或者切图的人并没有按照标准切图。有的人切片为ArcServer切片或者GeoWebCache切片。这样的话上篇博客的方法就不能适用了。那么本篇博客就讲述上篇解决不了的切片。实现思路 使用NoSQL(这里指Mongodb)对瓦片的png图片...
2018-11-16 16:30:52
3946
13
原创 栅格瓦片转mbtiles文件离线部署
关于解决将瓦片进行迁移部署的问题前提 由于需要离线部署地图应用，通过太乐等地图下载器的切片占用磁盘空间会很大，而且迁移到生产环境会很麻烦还很耗时，那么如何减少这些瓦片迁移的时间就很重要。下面说的解决方案仅仅针对标准的TMS 的瓦片。准备工作切好的TMS瓦片python（我使用的版本：3.6.2）sqlite（我使用的版本：3.25.3）nodejs（我使用的版本：8.11.3...
2018-11-07 17:39:47
7702
6
原创 Python遇到的问题总结
Python部署时的问题总结背景 主要用于总结在Centos7中部署Python项目遇到的问题和解决方案（不定期更新），便于后期查找。问题描述：项目中使用到了爬虫（scrapy）框架已经任务调度框架，在调度过程中报错信息如下：Traceback (most recent call last): File "/usr/local/python3/lib/python3....
2018-05-17 15:18:36
1512
原创 Python Centos 安装
Python Centos 安装1. 环境：Centos7Python3.6.12. 步骤下载可能用到的依赖yum -y install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel libpc...
2018-05-16 19:57:30
298
原创 【学习笔记之Openlayers3】路径分析篇（第六篇）
最佳路径分析最近在使用openlayer3进行项目开发的时候，由于项目需求要实现最佳路径分析功能。原先没做过，找了网上的资料，然后现在将自己做的总结一下。相关算法首先找了相关的路径分析算法一种是迪杰克斯特拉（Dijkstra）算法 还有一种是Floyd-Warshall算法 ，目前比较常用的是迪杰克斯特拉（Dijkstra）算法进行路径分析的。如何实现路径分析首先开发环境是：openlayers3
2017-02-28 17:26:54
4487
7
原创 【学习笔记之Openlayers3】查询分析篇（第五篇）
这篇主要讲到基于openlayers3实现查询分析功能主要包括：属性查询，几何对象查询，位置关系查询这三类。 开发环境：openlayers3 geoserver postgresql+postgis1.属性查询 其实属性查询没有什么要讲的，就是对于图层要素的的基础属性进行查询（例如名称，地址等等）这些查询就是简单的利用ajax进行请求后台，然后写SQL查询语句即可。这里就不多赘述了
2017-02-12 15:18:13
5173
1
原创 【学习笔记之Openlayers3】要素保存篇（第四篇）
上一篇中已经讲了要素的绘制功能，既然要素都绘制出来了，绘制完就应该保存起来了吧，那么怎么保存呢？这一篇就是讲解怎么保存绘制好的要素的。个人用到过两种保存要素的方法，一种是通过WFS直接保存要素入库，另一种是通过ajax的方法通过项目的服务器端保存到数据库中。 先说一下自己项目的开发环境：openlayers3+geoserver+postgresql+postgis。这篇保存也是基于这个基础做的
2017-01-20 09:55:34
8432
6
原创 【问题小结】项目中遇到的问题小结篇(第一篇）
问题：使用openlayers3的ol.format.WKT类对ol.geom.Circle进行转换，得到wkt描述传入后台进行处理时，chrome一直报错（geometryEncoder should be defined ），如下：百度了一下，没有找到相关解决方案，于是求助了万能的谷歌爸爸，果然一下就找到问题出现的原因：原因是WKT中没有Circle这个几何类型，所以没办法转换,哭晕在厕所。这
2017-01-13 20:21:45
1248
原创 【学习笔记之Openlayers3】要素绘制篇（第三篇）
直接以项目实例来进行讲解要素绘制 需要用到的openlayers3中的ol.interaction.Draw 类。这是openlayers3提供的内置交互方式，除了这个用来绘制的类，还有其他的交互类，如：1.按住alt+shift键，用鼠标左键拖动地图，就能让地图旋转，对应的交互类为ol.interactio
2017-01-07 13:39:27
5877
原创 【学习笔记之Openlayers3】补充篇之鹰眼控件（OverviewMap）
本篇文章主要讲关于Openlayers3中鹰眼控件或者说鸟瞰图控件（ol.control.OverviewMap）不显示以及不能实现通过拖动控件中区域使主地图也跟着移动的解决方法。一、加载OverviewMap控件有人曾经遇见过加载了控件，但是控件打开却是一片空白，对比官网的例子看是一样的，但是官网显示，自己的却没有显示，不知道是什么原因。这种情况有两种：在线地图和离线的瓦片地图。 使用在线地图数
2016-12-25 11:59:52
6205
2
原创 【学习笔记之Openlayers3】控件篇（第二篇）
其实关于控件篇没有多少需要讲的，只要在地图初始化时添加你需要的的地图控件就可以了，如果需要更改样式，更改其对应的CSS就可以。地图加载时候会通过ol.control.defaults()这个函数返回默认的三个控件（ol.control.Zoom,ol.control.Rotate,ol.control.Attribution），这些控件也可以通过设置ol.control.defaults()中的参数
2016-12-25 09:38:27
1215
原创 PostgreSQL9.6+PostGIS2.3学习笔记（一）导入shp文件
一. 建库以及准备工作：（使用pgAdmin4直接建库）打开pgAdmin4,如下图所示create–>Database 输入database的名字，如下图，输入完成即可选择save进行保存。这样基本上就可以了，其他选项可以根据自身需要进行选择。 给新建的库添加扩展，需要登录psql进行操作： 图中1：选择自己对应的server,Database等，如果不需要更改直接回车进入下一项，如果需要
2016-12-11 11:05:42
8376
8
原创 【学习笔记之Openlayers3】初次接触openlayers3（第一篇）
将自己学习到的一些关于openlayers3的知识总结一下，以便自己后期的回顾。一、 Openlayers3下载：首先下载openlayers3的开发包，步骤如下：访问openlayers官网 http://openlayers.org/（国外网站，可能访问会比较慢） 选择版本下载：有两种进入下载页面方
2016-11-27 15:57:18
12919
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人