![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
OpenLayers
文章平均质量分 52
冰雪为融
我与我周旋久,宁做我
展开
-
openlayers wms/wmts 栅格图层点击点像元值查询
通常,WMS 是用于获取特定坐标点的地图特征信息(包括像元值)的服务,而 WMTS 是基于瓦片的服务,通常不提供直接的 GetFeatureInfo 请求支持。:不同的浏览器对于并发请求数的限制可能有所不同,但通常在同一域名下的并发请求数量是有限制的。使用WMS图层叠加:虽然你提到不想使用WMS,但你可以在WMTS地图上叠加一个透明的WMS图层,该图层可以用于获取点击点的像元值。浏览器同时请求的个数是有限制的,这是因为浏览器为了维护性能和网络资源的合理使用,对同时发起的HTTP请求进行了限制。原创 2023-09-12 11:29:02 · 671 阅读 · 0 评论 -
openlayers根据feature进行裁切(低版本)
openlayers根据feature进行裁切(低版本)原创 2023-02-16 18:06:19 · 410 阅读 · 0 评论 -
记录---app中 使用openlayers 地图添加图标不显示问题
app中 使用openlayers 地图添加图标不显示问题原创 2022-08-30 14:29:39 · 1578 阅读 · 2 评论 -
openlayers+vue 仿百度罗盘功能(指北针)
openlayers+vue 仿百度罗盘功能(指北针)原创 2022-08-19 16:04:01 · 1858 阅读 · 3 评论 -
二维下,行政区划借助 geoserver样式配置,实现伪3d效果
二维下,行政区划借助 geoserver样式配置,实现伪3d效果原创 2022-07-26 16:24:39 · 1360 阅读 · 0 评论 -
ol-ext transform 对象,旋转、拉伸、放大(等比例缩放),事件监听
官网示例地址:ol-ext代码地址:ol-ext: openlayers开源插件库文档api:查看OpenLayers - Welcome简单功能示例自己项目中用到的是 等比例缩放,旋转,拉伸等功能代码如下 import ExtTransform from 'ol-ext/interaction/Transform' import {always} from 'ol/events/condition' const ..原创 2022-03-23 18:10:23 · 2849 阅读 · 0 评论 -
OpenLayers 4 ol.source 详解
source 是 Layer 的重要组成部分,表示图层的来源,也就是服务地址。除了在构造函数中指定外,还可以使用 layer.setSource(source) 稍后指定。一、包含的类型ol.source.BingMaps ,必应地图的切片数据,继承自ol.source.TileImage; ol.source.Cluster,聚簇矢量数据,继承自ol.source.Vector; ol.source.ImageCanvas,数据来源是一个 canvas 元素,其中的数据是图片,继承自 ol.转载 2021-06-09 11:18:21 · 899 阅读 · 0 评论 -
ol-地图上添加图标
先总结:用到的核心知识添加图标,首先要创建一个图层,然后把图层添加到地图上vecSource = new ol.source.Vector({features: []});vecLayer = new ol.layer.Vector({renderMode: 'image',source: vecSource,style: function(feat) {return styleFunction(feat, ma...原创 2020-08-20 18:01:16 · 2136 阅读 · 0 评论 -
openlayers在地图上添加maker
如下图所示,点击地图的时候,显示一个小红点初始化一个图层function initMaker() {makerLayer = new ol.layer.Vector({source: null,style: null,zIndex: 11})map.addLayer(makerLayer)}点击地图的时候添加map.on('click', function(e) {/...原创 2020-08-07 18:29:53 · 964 阅读 · 1 评论 -
OpenLayers 3 之 地图图层数据来源(ol.source)详解
source 是 Layer 的重要组成部分,表示图层的来源,也就是服务地址。除了在构造函数中制定外,可以使用 layer.setSource(source) 稍后指定。一、包含的类型ol.source.BingMaps ,必应地图的切片数据,继承自ol.source.TileImage;ol.source.Cluster,聚簇矢量数据,继承自ol.source.Vector;ol...转载 2020-04-01 17:37:33 · 1558 阅读 · 0 评论 -
openLayers 中ol.proj.transform详细介绍
1、ol.proj.transform(coordinate, source, destination)将坐标从源投影转换为目标投影。这将返回一个新的坐标(并且不会修改原始坐标)。示例:1、将地理坐标转为投影坐标ol.proj.transform(pos, 'EPSG:4326', 'EPSG:3857')2、将投影坐标转为地理坐标ol.proj.transform(p...原创 2020-03-27 10:19:31 · 8135 阅读 · 0 评论 -
GIS基础知识 - 坐标系、投影、EPSG:4326、EPSG:3857
最近接手一个GIS项目,需要用到 PostGIS,GeoServer,OpenLayers 等工具组件,遇到一堆地理信息相关的术语名词,在这里做一个总结。1. 大地测量学 (Geodesy)大地测量学是一门量测和描绘地球表面的学科,也包括确定地球重力场和海底地形。1.1 大地水准面 (geoid)大地水准面是海洋表面在排除风力、潮汐等其它影响,只考虑重力和自转影响下的形状,这个形状...转载 2020-03-27 09:22:16 · 3329 阅读 · 0 评论 -
OpenLayers 3 之 地图图层(Layers) 详解
很好的文章:https://blog.csdn.net/qingyafan/article/details/45398131转载 2020-03-26 17:08:40 · 1269 阅读 · 0 评论 -
vue中利用openlayers
首先在vue中安装openlayes依赖,现在推荐使用ol,ol需要一个一个的引入,我嫌麻烦就直接用的openlayers,我把openlayrs定义为全局变量,下载完openlayers依赖包后,在main.js里面引入,import ol from 'openlayers;然后设置成全局属性Vue.prototype.$ol=ol;使用ol时,只需要使用this.$ol就可以了...转载 2020-03-24 16:56:01 · 1961 阅读 · 1 评论 -
OpenLayers绘制图形
原文章链接地址:https://blog.csdn.net/fyyyr/article/details/82588483###OpenLayers的显示构成由外向内为:ol.Map:地图对象。ol.layer.Vector:图层对象layer。Map含有多个layer,最终的显示效果是由多个layer叠加而成。ol.source.Vector和ol.style.Style:一个lay...转载 2020-03-23 17:06:21 · 1109 阅读 · 0 评论 -
openlayers 地图添加比例尺
知识点:效果图:// html<div class="my-scale-line"></div>// 也可以动态创建// js // 比例尺 function initScaleLine() { let scaleLineControl = new ol.control.ScaleLine({ className...原创 2020-03-23 11:48:39 · 1932 阅读 · 0 评论 -
OpenLayers鼠标位置控件
一、示例简介 使用鼠标位置控件(ol/control/MousePosition)来动态显示地图上鼠标光标的坐标 并且可以由用户调整投影和坐标精度。二、代码详解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n...转载 2020-03-23 10:20:12 · 1225 阅读 · 1 评论 -
Ol3中Map事件全解析
openLayers 地图事件:转载 2020-03-20 18:07:34 · 422 阅读 · 0 评论 -
openLayers 学习思维导图
公司webGis大神总结的思维导图,在此记录一下原创 2020-03-20 13:25:52 · 614 阅读 · 1 评论 -
OpenLayers 系列学习(一)
简单介绍文章仅为学习笔记,本人也是OpenLayers小白,如有错误,欢迎指正官网地址:https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html#addLayerOpenLayers 3对OpenLayers网络地图库进行了根本的重新设计。版本2虽然被广泛使用,但从JavaScript开发的早期发展阶段开始,已日益...原创 2020-01-09 12:01:29 · 1824 阅读 · 0 评论