随笔分类 -  openlayers

openlayers原理小故事(1)
摘要：openlayers原理小故事 阅读全文
posted @ 2021-04-29 20:00 mangata 阅读(208) 评论(0) 推荐(0)
OpenLayers源码学习：Map事件监视
摘要：地图的事件与网页事件： 常用的网页事件主要由浏览器事件，如onload，或是用户交互事件，如onclick， onhover等 地图的事件也有用户交互事件，如点击事件等，还有地图渲染相关的如postcompose（所有图层加载完毕），postrender（地图渲染完成） 能够触发事件的对象Event 阅读全文
posted @ 2020-08-31 13:56 mangata 阅读(1717) 评论(0) 推荐(0)
openlayer添加底图服务（街道图，卫星图，地形图）
摘要：一、写在前面 通过阅读博客，你可以了解到： 常用底图的类型，提供相关URL可测试 OL中调用底图与切换底图的方式 二、底图常用类型 街道地图 OSM街道地图 // 测试地址 http://{a-c}.tile.openstreetmap.org/{z}/{x}/{y}.png Google街道地图 阅读全文
posted @ 2020-08-17 17:28 mangata 阅读(2855) 评论(0) 推荐(0)
Postgresql+Geoserver+Openlayers+pgRouting学习1
摘要：pgRouting 学习 最短路径算法 1、数据预处理 数据的投影需要定义，空间数据库中矢量图层的数据投影需要定义，而且需要同geoserver以及openlayer中投影定义一致，我使用的是EPSG:4326 编辑矢量图层数据 最短路径使用的 Dijkstra算法，了解这个算法对于数据的要求是矢量 阅读全文
posted @ 2020-01-01 11:42 mangata 阅读(429) 评论(0) 推荐(0)
openlayer笔记2图层与数据源简介
摘要：openlayer~layer（图层） 一、图层类型 1、ol/layer/Tile 瓦片图层，不同缩放层级会有不同的精度 缩放前图片边界范围： https://b.tile.openstreetmap.org/2/3/1.png 缩放后图片边界范围： https://c.tile.openstre 阅读全文
posted @ 2019-12-17 09:53 mangata 阅读(800) 评论(0) 推荐(0)
openlayer源码学习1
摘要：地图的渲染过程 1、地图的简单示例 import Map from 'ol/Map'; import View from 'ol/View'; import TileLayer from 'ol/layer/Tile'; import OSM from 'ol/source/OSM var map 阅读全文
posted @ 2019-11-30 21:00 mangata 阅读(186) 评论(0) 推荐(0)
openlayer调用geoserver
摘要：openlayer3调用geoserver 一、写在前面 二、实现过程 1. 调用wms 2. 调用wfs loader方式加载 url方式加载加载 3 调用wcs 三、结尾 一、写在前面 openlayer3调用geoserver 二、实现过程 首先初始化地图 var map = new ol.M 阅读全文
posted @ 2019-11-04 09:24 mangata 阅读(1132) 评论(0) 推荐(0)