openlayers 第13页

OpenLayers3实现鼠标移动显示坐标

本文实例为大家分享了OpenLayers3实现鼠标移动显示坐标的具体代码，供大家参考，具体内容如下1.前言鼠标移动显示坐标，OpenLayers3框架提供了鼠标移动显示坐标的控件（ol.control.MousePosition

·2020-09-28 11:14

Openlayers显示地理位置坐标的方法

本文实例为大家分享了Openlayers显示地理位置坐标的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地图和鼠标位置控件的容器

·2020-09-28 11:41

Openlayers学习之加载鹰眼控件

本文实例为大家分享了Openlayers学习之加载鹰眼控件，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建一个div标签，用来作为地图加载的容器

·2020-09-28 11:41

Openlayers学习之地图比例尺控件

本文实例为大家分享了Openlayers地图比例尺控件的具体代码，供大家参考，具体内容如下1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地图和比例尺控件的容器

·2020-09-28 11:39

OpenLayer3自定义测量控件MeasureTool

下载地址描述基于Openlayers3所做的自定义控件，支持测量距离（line）和测量面积（area）以及geodesic测量加载css和js文件后直接引用即可使用JavaScript原生编写，不需要引入

·2020-09-28 10:31

Openlayers实现距离面积测量

本文实例为大家分享了Openlayers实现距离面积测量的具体代码，供大家参考，具体内容如下CSS.ol-tooltip{position:relative;background:rgba(0,0,0,0.5

·2020-09-28 10:01

Openlayers+EasyUI Tree动态实现图层控制

本文实例为大家分享了Openlayers+EasyUITree动态实现图层控制的具体代码，供大家参考，具体内容如下功能介绍主要功能根据openlayers3.0与easyUItree功能实现图层显隐控制功能

·2020-09-28 10:59

Openlayers实现测量功能

本文实例为大家分享了Openlayers实现测量的具体代码，供大家参考，具体内容如下由于公司项目需要使用到openlayers，就开始学习了openlayers，其中有一个需求需要用到测量功能，就参考《

·2020-09-25 18:31

OpenLayers3实现测量功能

本文实例为大家分享了OpenLayers3实现测量功能的具体代码，供大家参考，具体内容如下1.前言测量功能实现面积的测量以及长度的测量。通过鼠标绘制区域以及长度来进行测量。

·2020-09-25 16:57

OpenLayers3实现地图鹰眼以及地图比例尺的添加

本文实例为大家分享了OpenLayers3实现地图鹰眼以及地图比例尺的添加的具体代码，供大家参考，具体内容如下1.前言地图鹰眼就是地图的鸟瞰图，就是通常所说的小地图，我们可以通过鹰眼得到当前地图的显示位置

·2020-09-25 16:56

openlayers4.6.5实现距离量测和面积量测

本文实例为大家分享了openlayers4.6.5实现距离量测和面积量测的具体代码，供大家参考，具体内容如下版本：openlayers4.6.5效果图：小插曲：原本使用ol官方提供的量测例子，就挺不错的

·2020-09-25 16:25

OpenLayers3实现对地图的基本操作

本文实例为大家分享了OpenLayers3实现对地图的基本操作代码，供大家参考，具体内容如下1.前言对地图的基本操作就是对地图的放大、缩小、移动、复位和更新等，通过使用OpenLayers3框架中操作地图视图

·2020-09-25 16:25

Openlayers测量距离与面积的实现方法

本文实例为大家分享了Openlayers测量距离与面积的具体代码，供大家参考，具体内容如下1、地图测量功能一般的地图的测量功能主要表现在两个方面，一是测量距离，一是测量面积；面积的测量是根据鼠标绘制的范围

·2020-09-25 16:54

OpenLayers3实现图层控件功能

本文实例为大家分享了OpenLayers3实现图层控件的具体代码，供大家参考，具体内容如下1.前言在实际应用中，我们将加载到地图容器中的图层通过图层显示的控件功能，来显示加载的图层，便于用户查看与操作，

·2020-09-25 12:23

OpenLayers实现图层切换控件

OpenLayers并没有封装图层切换的控件，所以我们需要自己来实现图层控件。自定义图层切换控件的原理很简单：显示某个图层时，将其他图层隐藏。

·2020-09-25 12:21

openlayers实现图标拖动获取坐标

本文实例为大家分享了openlayers实现图标拖动获取坐标的具体代码，供大家参考，具体内容如下本文所涉及的技术如下：openlayers加载国家天地图和浙江天地图，图标拖动获取位置，openlayers

·2020-09-25 11:15

OpenLayers3实现地图显示功能

本文实例为大家分享了OpenLayers3实现地图显示的具体代码，供大家参考，具体内容如下1.配置开发环境使用OpenLayers3开发WebGIS应用，我们首先需要配置开发环境，首先我们需要在openlayers

·2020-09-25 09:12

openlayers实现地图弹窗

本文实例为大家分享了openlayers实现地图弹窗的具体代码，供大家参考，具体内容如下Ol3popupbody,#map{border:0px;margin:0px;padding:0px;padding

·2020-09-25 09:09

openlayers实现地图测距测面

本文实例为大家分享了openlayers实现地图测距测面的具体代码，供大家参考，具体内容如下项目背景vue-cli3.0public下html需要引入文件.

·2020-09-25 09:39

vue-openlayers实现地图坐标弹框效果

本文实例为大家分享了vue-openlayers实现地图坐标弹框的具体代码，供大家参考，具体内容如下openlayers这个效果是点击地图，弹出坐标信息。

·2020-09-24 18:59

vue集成openlayers加载geojson并实现点击弹窗教程

本文实例为大家分享了vue+openlayers加载geojson并实现点击弹窗教程，供大家参考，具体内容如下第一步：安装vue-clicnpminstall-g@vue/cli第二步：新建一个项目1.

·2020-09-24 18:27

openlayers 3实现车辆轨迹回放

本文实例为大家分享了openlayers3实现车辆轨迹回放的具体代码，供大家参考，具体内容如下先上效果：利用openlayers3地图的postcompose事件监听地图的重绘注意：此代码是我在Vue的

·2020-09-24 17:35

Vue+Openlayers自定义轨迹动画

本文实例为大家分享了Vue+Openlayers实现轨迹动画的具体代码，供大家参考，具体内容如下OpenlayersTrack{{progress}}%运动速度: {{textContent}

·2020-09-24 16:51

vue使用openlayers实现移动点动画

本文实例为大家分享了vue使用openlayers实现移动点动画的具体代码，供大家参考，具体内容如下做项目时，本来打算仿照官网的Example中动画制作，引入vue中后，发现它引用的库函数一直报错，最后我去

·2020-09-24 16:50

Openlayers实现点闪烁扩散效果

本文实例为大家分享了Openlayers实现点闪烁扩散效果的具体代码，供大家参考，具体内容如下点闪烁样式：DOM的样式实现/**橙色点扩散闪烁样式*/.point_animation{background

·2020-09-24 16:50

【vue-openlayers】弹窗

微信订阅号：Rabbit_svip微信订阅号：Rabbit_svip这个效果是点击地图，弹出坐标信息。点击地图边缘时，底图会跟着移动，使弹窗能完整显示出来。弹窗popup✖{{currentCoordinate}}import'ol/ol.css'import{Map,View}from'ol'importTilefrom'ol/layer/Tile'importOSMfrom'ol/source

Rabbit_D·2020-09-17 02:13

学习笔记(01):Openlayers实例详解-单击激活地图启用交互

utm_source=blogtoeduopenlayers6是取消了interaction吗？npm下来的包，里面没找到interaction

Rabbit_D·2020-09-17 02:13

气象要素（温度、降水、气压等）色斑图制作（JavaScript前端版）

借助开源插值工具kriging.js来制作色斑图，绘图结果为canvas画布，将其转换成image就可以在平台上（arcgis、leaflet、openlayers、cesium、bmap、amap等）

卡菲吉斯·2020-09-16 22:36

Openlayers设置ESPG900913作为影射算法

Geoserver默认的地图影射方式是EPSG：4326，但是对于常用的WebGIS来说，常用的影射方式是EPSG：900913，下边的代码用来设置openlayers，通知geoserver使用新的映射算法

iteye_11697·2020-09-16 11:51

leaflet.js/proj4.js自定义坐标系及使用

leaflet官方定义的坐标系不多，没有openlayers自身集成了许多功能，如下：可以借助leaflet插件来定义坐标系，本文用proj4.js+proj4leaflet.js+相应参数来定义想要的坐标系

Shanks7529·2020-09-16 11:37

GOOGLE MAP使用的投影为EPSG:900913

由于一次工作，需要将googlemap和我自己设计的WebGIS进行叠合，我的WebGIS用的是WGS84，EPSG:4326，叠合后总是有mismatch的地方，后来索性研究了一下openlayers

yfly13·2020-09-16 11:30

openlayers实现wfs属性查询和空间查询

概述：一直在寻求openlayers中wfs加载和属性查询的相关操作，功夫不负有心人，蓦然回首，那人却在灯火阑珊处，找到了这篇博文：http://blog.csdn.net/longshengguoji

weixin_30745641·2020-09-16 08:26

Cesium+kriging.js实现雨量插值

0.前言网上有很多关于openlayers的克里金插值，但是最近在学习cesium，也想在cesium中做，但是好像网上相关的例子一个都没有。所以我就自己尝试去做。

gis_rc·2020-09-16 06:03

关于Openlayers与React的结合--第一个组件

关于Openlayers与React的结合–第一个组件简介下面是我对如何将Openlayers与React结合上面的记录组件React采用一个组件化的思想帮助前端进行工程化。

yatsov·2020-09-16 00:25

OpenLayers深入浅出（4）----定制绘图点、线、面对象实例

为地图添加绘制点、线、面步骤：1、无可厚非对地图进行操作首先要添加map对象，以后将不再提示默认添加加map对象。2、定义地图服务（在例子中定义了两个图层，一个wms图层，一个是矢量图层vectors）3、定制标绘地图操作对象contros。4、将地图图层添加到map的图层容器中。5、将标绘操作对象添加到map的操作容器中6、将地图缩放到全图范围内。（注意如果不调用这个代码，地图将不显示出来，而且

阿汤哥-天上人间·2020-09-16 00:32

OpenLayers - 创建多边形Polygon

OpenLayers版本：4.6.4叨叨：本来这不应该成为一个问题，也不值得专门写一篇文章，尤其是对一个已经用过各种MapAPI（Google、百度、高德、SmartEarth...）的人来说，但就是这个本来以为

weixin_34195142·2020-09-16 00:26

openlayers入门开发系列之地图工具栏篇

本篇的重点内容是利用openlayers实现地图工具栏功能，包括地图缩放、移动、地图量算、地图打印、清空、全屏、鹰眼、比例尺、地图坐标显示等，效果图如下：部分核心代码如下：地图缩放地图移动地图量算地图打印地图全屏地图比例尺地图坐标显示地图鹰眼

weixin_33958585·2020-09-16 00:44

openlayers入门开发系列之地图切换篇

本篇的重点内容是利用openlayers来加载不同类型地图服务，实现了地图切换功能，效果图如下：地图切换篇运用到了openlayers的核心类ol.layer.Tileol.source.XYZol.source.TileArcGISRestol.source.ImageArcGISRestol.source.TileWMSol.source.OSM

weixin_33924220·2020-09-16 00:43

openlayers自定义控件 ---仿百度地图指南针

看图说话。顺时针按钮点击之后。地图会以当前center为圆心顺时针转动90度。逆时针按钮点击之后。地图会以当前center为中心点逆时针转动90度//自定义控件ol.control.Compass=function(opt_options){varoptions=opt_options||{};//参数this.reverseText=options.reverseText?options.rev

weixin_30914981·2020-09-16 00:28

openlayers获取一个图形的中心区域

在项目中需要做到点击一个市下面的不同区县，然后定位到该区县的中心位置，已知每个区县的多边形边界，从opanlayersAPI上找到方法ol.extent.getCenter()貌似可以解决这个问题，具体代码如下所示：varextent=ol.extent.boundingExtent(feature.getGeometry().getCoordinates()[0]);//获取一个坐标数组的边界，

haha_ying_haha·2020-09-15 23:23

openlayers官方教程（六）Vector Data——Modifying features

Modifyingfeatures我们已经能够将数据载入，现在我们要去编辑这些features，利用Modify交互可以实现对矢量数据源的编辑首先，在main.js中导入Modify交互importModifyfrom'ol/interaction/Modify';下一步，在矢量图层上创建一个新的交互，并添加到图层map.addInteraction(newModify({source:sourc

JaedongXue·2020-09-15 23:21

OpenLayers学习笔记（七）— 类似比例尺的距离环

OpenLayers学习笔记（七）—类似比例尺的距离环openlayers3地图上创建一个距离环，始终以地图中心为中心，每个环之间的距离类似比例尺，随地图缩放而变化。

DebJane·2020-09-15 23:42

OpenLayers教程七：自己实现图层切换控件

OpenLayers并没有封装图层切换的控件，所以我们需要自己来实现图层控件。自定义图层切换控件的原理很简单：显示某个图层时，将其他图层隐藏。

不睡觉的怪叔叔·2020-09-15 23:04

OpenLayers入门篇es6之第一个地图

一、介绍OpenLayers是一个用于开发WebGIS客户端的JavaScript包。

南归北隐·2020-09-15 23:12

OpenLayers 6 在指定多边形区域划定的范围内修改多边形(源码hack)

今天又被问到一个需求：有两个多边形，一个大多边形作为不规则范围限定里面的小多边形顶点范围，在修改小多边形的时候不超过大多边形的边界。分析起初想了很多办法来捕捉鼠标指针超越边界的情况，包括：functioncallback(event){}modify.on('modifystart',function(evt){map.on('pointermove',callback)})modify.on('

战斗中的老胡·2020-09-15 23:24

OpenLayers 3 之扩展自定义控件--以切换图层控件为例

openlayers中的控件，是一个固定在页面某个位置的可见的DOM元素，它们可能包含可操作的按钮，也可能只是单纯的展示信息，它们的位置及其样式是由与其关联的CSS样式决定的。

庆祝亚运会·2020-09-15 23:09

OpenLayers3（一）初始化地图

惯例：OpenLayerAPI引入文件/*调整OL控件位置和样式*/*{margin:0;padding:0;}.ol-zoom{top:80px;}.ol-zoom-extent{top:140px;}.ol-full-screen{top:80px;}.ol-scale-line{left:200px;}.mouse-position-wrapper{width:300px;height:29

天空影·2020-09-15 23:10

Openlayers6 Examples学习笔记（9）

文章目录TopoJSON（加载TopoJSON数据）EditableArcGISRESTFeatureService（可编辑的ArcGISREST要素服务）TranslateFeatures（移动要素）SelectmultipleFeatures（选中多个要素）TileJSON（加载TileJSON数据）VectorTileSelection（矢量瓦片选中要素）ArcGISRESTFeatureS

何去何从2857·2020-09-15 23:25

openLayers6系列理论基础——View篇

openLayers6系列理论基础——View篇view视图是初始化地图Map时候必要的三要素之一，这个对象的作用主要是控制地图与人的交互，如缩放等一、实例化一个view对象newol.View({options

小湾生产队队长·2020-09-15 23:47

Openlayers 按需加载控件（ol.control）

说明在Openlayers地图加载时，会默认添加3个控件，很多时候我们并不需要这些默认控件解决方案删除所有控件，按需加载自己需要的控件//清除所有控件varctls=map.getControls();

guzicheng1990·2020-09-15 23:45

推荐频道

openlayers