openlayer3

【openlayers-3】加载图标

目录1、通过overlay方式添加2、通过overlay+css方式3、通过Feature+style方式实现在OpenLayer3中添加图标有两种方式，一种是通过overlay方式，另一种是通过Feature
WXG1011·2023-12-31 14:42

Openlayers---创建地图

写在前面公司基于以前项目做升级,以前我是用openlayer3写的,现在openlayers都升级到5了,不由得感叹学不动了.话虽说但是还的学,不学谁养我呀?
前端小孟·2023-10-27 22:24

openlayers 地图上加图标_OpenLayers学习笔记中级篇（四、地图图标操作）

在OpenLayer3中添加图标有两种方式，一种是我们这一小节马上就要介绍的，比较传统的overlay，另一种是下一小节马上就要介绍的Feature+Style的
weixin_39630909·2023-09-18 11:56

JSTS介绍

JSTS简介JSTS是一个符合OGC规范的简单要素空间位置判定函数JavaScript库，JSTS也是Java类库JTS的一个接口，且与OpenLayer3具有互操作性。
无主之作·2023-07-24 20:51

openlayers3教程详细_openLayers 3知识回顾

openlayers知识前段时间帮助同事重构一个地图类的项目，然后就学习了openLayer3这个框架，但是官网上没有中文版，也没有详细的例子解释，我只能遇到看不懂的就翻译成中文来用，为了方便以后再用这个
weixin_39612220·2023-04-02 19:57

OpenLayer3自定义测量控件MeasureTool

一直苦恼于OpenLayer3没有现成的测量工具，看了歪果仁做的图层控件，于是自己结合了官网上的measure实例和歪果仁的模板鼓捣出了一个测量工具控件。
·2020-09-28 10:31

openlayer3加载arcgis切片图

一个菜鸟，因为需求最近要用ol3加载切片的天地图遇到的一些问题记录下吧重点：ArcGIS切片文件夹和文件名都是以16进制的形式命名的，就是将原来的x,y更改为以16进制表示的形式就可以了，Z是地图的层级。一、先说下openlayer2它加载aicgis切片图在openlayer2中用的是这个方法OpenLayers.Layer.ArcGISCache，这个继承的是OpenLayers.Layer.
dudo_·2020-08-22 17:56

浅析OpenLayer3加载WMS一些问题

前一段时间一直被一个问题所困扰，作为GIS开发我们的核心竞争力在哪，如果只是搞一些api可替代性太大了，毫不技术可言，问了好多人无果，说法各持一方，最近也感觉理论知识，用处真的很大，WebGIS并不只是做出来一些效果就证明你技术很厉害，需要理论的内涵支撑，废话不多说，开车开车。一、关于转换成tiff格式的一些问题geoserver不支持将png格式的图片发布为服务，需要将png格式图片通过arcm
weixin_30266829·2020-08-18 09:40

Openlayers3 加载 GeoServer WMS的实现

最近在学习GeoServer，今天尝试了用Openlayer3加载WMS服务，总体上还算顺利，下面以一个完整的示例来进行说明。
顽劣的石头·2020-08-18 09:21

Openlayers3学习心得之Cluster

首先放几个链接，都是我学习过程中查阅资料用到的，新人接触这个值得好好学习一下：简书——Openlayer3入门指南Openlayer3基础教程开始你的第一个Openlayer3项目（导航栏的示例、API
进击的小宇宙·2020-08-15 20:18

openlayer3 坐标系转换

'EPSG:4326'-经纬度坐标-WGS84'EPSG:3857'-xy坐标-web墨卡托ol3默认的坐标系为3857，即在创建ol.map的时候，若不指定projection，则默认为EPSG:3857转换方法如下：varm_center=[116.35,39.9];//地图中心点-经纬度坐标//经纬度转至xym_center=ol.proj.transform(m_center,'EPSG:
凌渊阁·2020-08-15 20:14

OpenLayer3动态点线和动态点的扩散实现

无论动态点的实现还是动态线的实现大多依靠canvas去是是实现的，其实我们一直在独立的canvas的做，OL3中vectorContext子类主要为渲染矢量元素，如果下点共运用map的postcompose事件就可以做许多的动态效果，例如下面这一段ol3给出代码示例：动态数据varmap=newol.Map({layers:[newol.layer.Tile({source:newol.sourc
hpugisers·2020-08-15 20:30

openlayers入门参考，包你学不会

个人觉得把openlayer5和openlayer3区别比较大的是写法改变了，主体功能变化不大，有时间我们再细说。
panergongzi·2020-08-15 20:54

openLayers 3知识回顾

openlayers知识前段时间帮助同事重构一个地图类的项目，然后就学习了openLayer3这个框架，但是官网上没有中文版，也没有详细的例子解释，我只能遇到看不懂的就翻译成中文来用，为了方便以后再用这个
weixin_30555125·2020-08-15 19:57

OpenLayer3读取Geoserver切割的离线瓦片

前言：由于在网上搜索了很久都没有找到相关的东西，只能自己埋头研究，本文我付出了整整40个小时的心血来解读，希望大家若要转载一定要注上作者名及地址。Geoserver的离线瓦片生成主要的功能全在TileCaching上，要注意的是，必须先设置好你所要的图层的坐标系（注：本例为了讲解改变了坐标系范围，建议不要改，以配合其他图层）。在Gridsets下选择/新建一个坐标系分割模版，计算好范围后，选择ad
WilsonOnIsland·2020-08-15 19:18

openlayer3聚合

varcount=data.data.length;varfeatures=newArray(count);for(vari=0;i其中的data.data数据来源于一个js文件：vardata=https://my.oschina.net/ayyao/blog/{"data":[[74.438,39.006,1],[74.932,38.382,1],[75.402,37.879,1],[75.2
Fire in rain·2020-08-15 19:47

openlayer3隐藏地图右下角logo

第一次接触openlayer3绘制地图，遇到很多问题。虽然有api.但是小白表示看的不在状态。整理记录一下openlayer3绘制地图过程的小问题及解决方法，希望能帮助更多的朋友马上解决问题。
study_7forever·2020-08-15 19:01

基于OpenLayer 6的标绘sdk（开源）

一、前言原作者是基于Openlayer3开发的sdk。我已用es6+rollup重新打包编译了项目。封装了部分业务层。只暴露了一个主类。原作者博客在这里。多谢原作者代码给与的参考。
追逐、·2020-08-15 19:25

openlayer调用GeoServer的WMTS切片缓存服务

openlayer3中提供了调用WMTS服务的接口。其主要思想是先构建切片信息，再传入服务信息即可。切片信息包括切片名、切片大小、切片范围等。
AI学渣·2020-08-15 19:24

openlayer3 入门知识点

简介：OpenLayers3简称ol3，它是一个开源的WebGIS引擎，使用了JavaScript、最新的HTML5技术及CSS技术，支持dom，canvas和webgl三种渲染方式。在地图数据源方面，支持各种类型的瓦片地图，既支持在线的，也支持离线的。比如OSM,Bing,MapBox,Stamen,MapQuest等等；还支持各种矢量地图，比如GeoJSON，TopoJSON，KML，GML等
静水流深之鑫·2020-08-15 19:23

openlayer3 常用梳理-设置点的样式

feature对象中的点设置样式：varstartMarker=newol.Feature({type:'start',geometry:newol.geom.Point(routeCoords[0])});'start':newol.style.Style({image:newol.style.Icon({anchor:[0.5,1],src:root+'static/ol/image/star
未来很美·2020-08-15 18:26

openlayer3 实现鼠标框选，以及聚合功能

出行量(自定义区域)/js/map/openlayers/ol.css"rel="stylesheet"/>/css/gis/main-gis.css"rel="stylesheet"/>/css/gis/layerswitcher.css"rel="stylesheet"/>/css/flowanalysis/linenetflow/bus_stop_map.css"/>/js/map/open
guoyuchuan123·2020-08-15 18:32

openlayer4设置地图的默认鼠标手势和拖拽鼠标手势

openlayer2之后，openlayer3版本有较大升级。openlayers4是3的自然升级。openlayers4中默认的地图鼠标手势都是箭头。
fredricen·2020-08-15 18:17

在OpenLayer3中添加图标有两种方式

在OpenLayer3中添加图标有两种方式，一种是我们这一小节马上就要介绍的，比较传统的overlay，另一种是下一小节马上就要介绍的Feature+Style的方式。
feiteyizu·2020-08-15 18:15

openlayer3 系列 2 - 加载 arcgis server 图层

1.ol加载mapserver服务//url为MapServer服务地址varlyr=newol.layer.Tile({source:newol.source.TileArcGISRest({projection:'EPSG:4326',url:url})});2.加载wms服务//url为wms服务地址varlyr=newol.layer.Tile({source:newol.source.T
西北码农·2020-08-15 18:33

openlayer3 坐标系转换

'EPSG:4326'-经纬度坐标-WGS84'EPSG:3857'-xy坐标-web墨卡托ol3默认的坐标系为3857，即在创建ol.map的时候，若不指定projection，则默认为EPSG:3857转换方法如下：varm_center=[116.35,39.9];//地图中心点-经纬度坐标//经纬度转至xym_center=ol.proj.transform(m_center,'EPSG:
ai233233·2020-08-15 18:15

OpenLayers学习笔记中级篇（四、地图图标操作）

在OpenLayer3中添加图标有两种方式，一种是我们这一小节马上就要介绍的，比较传统的overlay，另一种是下一小节马上就要介绍的Feature+Style的
MagicMHD·2020-08-15 18:32

Openlayers3中SVG图加载

概述：鉴于SVG的优势，在图层展示的时候，会想到SVG的方式，但是OL3里面只支持ImageStatic的方式加载，也就是只能加载栅格图片，为此，本文实现Openlayer3中SVG图层的展示。
LZU-GIS·2020-08-15 18:45

openlayer3实现禁止鼠标滚动缩放地图(附加：实现禁止点击地图放大地图)

首先吐槽一下，网上的资源很多，但是对口的却很少。控制openlayer地图，禁止使用鼠标滑轮滚动进行缩放地图。根据版本不同，使用的方法也不同。我现在使用的openlayer3.0版本，使用方式一能解决我的问题。分享下面方式二和方式三方法，供不同版本的小朋友参考。方式一：直接说解决方法：以添加interactions的方式实现禁用鼠标滑轮滚动缩放地图效果(openlayer3.0以上版本)在map对
study_7forever·2020-08-15 17:57

Openlayer3 入门教程文档，免费分享

仅供学习使用，如有侵权请私信，本人将进行删除。目录基本概念4Map4View4Source5Layer5总结6Openlayers3实践71地图显示71.1创建一副地图71.2剖析你的地图81.3Openlayers的资源112图层与资源122.1网络地图服务图层122.2瓦片缓存142.3专有栅格图层（Bing）182.4矢量图层202.5矢量影像233控件与交互243.1显示比例尺243.2选
码上有你&·2020-08-09 01:18

【OpenLayer3】Feature设置不同颜色技巧

如何在同一个图层中添加不同颜色的要素？varhighlightLayer=newol.layer.Vector({source:newol.source.Vector()});varhighllightSource=highlightLayer.getSource();varcolorSet=['#1fca04','#cf5a34','#adda5f'];varnewFeature=newol.F
Evan_Gu·2020-07-30 15:20

openlayer3 系列 3 - 加载 geoserver 图层

1.加载geoserverwms服务//url为geoserver的wms服务地址lyr=newol.layer.Tile({source:newol.source.TileWMS({extent:[112,22,114,24],params:{'LAYERS':'test:a_river','VERSION':'1.1.0','BBOX':[113.029319763184,22.7097873
西北码农·2020-07-30 14:23

openlayer3之地图联动

实现起来超级简单，只要两张地图使用同一个view就可以了，主要代码如下所示:**地图2地图1地图2varview=newol.View({center:[0,0],zoom:2})//创建地图varmap=newol.Map({layers:[//创建一个使用openStreetMap地图源的瓦片图层newol.layer.Tile({source:newol.source.OSM()})],//
Technology_liu·2020-07-30 14:36

WebGIS常用的空间分析,地图发布，底图自定义，QGIS插件，地理矢量数据格式转换工具等资源汇总

OGCjavascript空间分析库：turf.jsjsts.jsjsts:JSTS是一个符合OGC规范的简单要素空间位置判定函数JavaScript库，JSTS也是Java类库JTS的一个接口，且与OpenLayer3
逸然健在·2020-07-30 13:30

Openlayers加载地图时出现白色斜纹（白色空隙）

二、解决问题1）首先检查自己切图前的数据是什么坐标系如果是WGS84，那么你切图时是按照经纬度进行切图，所以，用openlayer加载时也需要用4326坐标系；但是openlayer3默认是3857平面坐标系
未来的大神·2020-06-29 14:10

Openlayer3用canvas绘制圆角矩形标注

一、最终结果图下图所示圆角矩形效果图二、用canvas绘制圆角矩形代码如下：varcanvas=document.getElementsByTagName("canvas")[0];varcontext=canvas.getContext("2d");context.strokeStyle="rgba(0,255,0,0.5)"//矩形边框颜色context.beginPath();//开始绘制c
未来的大神·2020-04-13 10:53

当我们遇到问题的时候改如何解决

一、问题在Openlayers中展示风速风向图，共分为以下两个阶段：加载PNG图片→加载SVG图片二、解决1、加载PNG图片问题在Openlayer3中直接加载PNG图片，在API中提供了ImageStatic
lzugis·2020-03-15 16:23

OSM一些相关基础

Openlayer3:它是一个开源的WebGIS引擎，使用了JavaScript、最新的HTML5技术及CSS技术，支持dom，canvas和webgl三种渲染方式。除了支持网
kafuak·2019-11-08 03:43

openlayer3 系列 4 - 加载天地图

1.天地图官网http://www.tianditu.gov.cn/2.申请keyhttp://lbs.tianditu.gov.cn/authorization/authorization.html#example3.调用4.天地图服务矢量底图http://t0.tianditu.gov.cn/vec_c/wmts?tk=您的密钥经纬度投影http://t0.tianditu.gov.cn/ve
西北码农·2019-04-03 09:58

OpenLayer3入门——[一]

一、OpenLayer3下载首先下载OpenLayer3开发包，步骤如下：下载地址https://github.com/openlayers/openlayers/releases/tag/v3.20.1
取什么昵称呢·2018-12-01 17:00

OpenLayer学习之绘制几何图形

一、OpenLayer3可以绘制一些基本的图形，例如点、线、多边形、圆，这四个基本的图形，如果想绘制出正方形，长方形需要用到geometryFunction函数进行变更，总体思路是加载一个矢量图层（vector
weixin_30558305·2018-06-20 11:00

openlayer3 添加arcgis 发布的wms 服务（矢量非切片）

wms作为ogc标准之一，arcgissever发布的wms同样能被开源gis平台来进行加载，openlayers自然也能正常引用。但是esri发布的wms有一点小细节需要注意，与geoserver发布的wms有点小出入。先上代码吧：VectorArcGISWMSvarurl='http://localhost:6080/arcgis/services/szdt_CAD/haishanzhan/M
逸然健在·2018-05-22 15:35

JavaScript 空间分析库——JSTS和Turf

JSTSJSTS是一个符合OGC规范的简单要素空间位置判定函数JavaScript库，JSTS也是Java类库JTS的一个接口，且与OpenLayer3具有互操作性。
neimeng0·2018-05-18 14:16

当我们遇到问题的时候改如何解决

一、问题在Openlayers中展示风速风向图，共分为以下两个阶段：加载PNG图片→加载SVG图片二、解决1、加载PNG图片问题在Openlayer3中直接加载PNG图片，在API中提供了ImageStatic
LZU-GIS·2017-10-26 10:40

OpenLayer3自定义测量控件 MeasureTool

OpenLayer3自定义测量控件MeasureTool一直苦恼于OpenLayer3没有现成的测量工具，看了歪果仁做的图层控件，于是自己结合了官网上的measure实例和歪果仁的模板鼓捣出了一个测量工具控件
续汉冕·2016-12-20 16:41

关于Openlayer3的菜鸟认识

什么是OpenLayers？OpenLayers是一个专为WebGIS客户端开发提供的JavaScript类库包，用于实现标准格式发布的地图数据访问。从OpenLayers2.2版本以后，OpenLayers已经将所用到的Prototype.js组件整合到了自身当中，并不断在Prototype.js的基础上完善面向对象的开发，Rico用到地方不多，只是在OpenLayers.Popup.Ancho
leetao94·2015-08-09 16:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他