Openlayer 第15页

Openlayers实现点闪烁扩散效果

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

·2020-09-24 16:50

ArcGIS Server JavaScript API 学习笔记

如果你熟悉GeoServer+openlayer，或者是大名鼎鼎的googleapi，抑或是baiduapi，相信你会对学习ArcGISServerJavaScriptAPI游刃有余，其实它们的原理都

yyhm·2020-09-17 02:57

【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

分别获取layer.open 和top.layer.open 打开弹框的 iframe 子页面元素

layer.openlayer.open({type:2,title:title,area:area,maxmin:true,content:url,yes:function(index,layero)

奶油曲奇小饼干·2020-09-15 23:02

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;

天空影·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的canvas图层叠加

OpenLayers中在overlayer层使用canvas图层叠加介绍我在此做了在canvaslayer1层做出滑动效果layer2层插入图片，实现在layer2层上方做出滑动效果，可以结合数据库做出滑动快慢

zacus_没有名字了·2020-09-15 23:42

OpenLayers调用google Map

goole_map/Script/theme/default/style.css"type="text/css">/Style/style.css"type="text/css">/Script/lib/OpenLayers.js

iteye_11116·2020-09-15 22:30

Openlayers各种下载方法

1.访问http://openlayers.org/最新版本在左上角显示：2.接着往下拉，看到右边的getthecode,点进去：3.找到图中画圈的地方，点击进去到https://github.com/

hyj_pc·2020-09-15 22:26

OpenLayers项目分析（六）数据渲染分析

转自：http://www.openlayers.cn/portal.php?

diyuan365760·2020-09-15 22:34

openLayer 缩放到适合的窗口

//地图对象map.getMap()获取openlayer.map对象varmap;varmapConfig={//初始缩放等级initZoom:8,//最小缩放等级minZoom:8,//最大缩放等级

aa1234567489·2020-09-15 22:05

OpenLayers性能瓶颈与优化（闭包引用与GML解析低效率）

1.结构中大量闭包的引用关系造成的性能瓶颈OpenLayers其实是受到了js本身的限制，js是解释型的语言，执行效率不高，而且寄生在客户端让浏览器执行的。

vernonzheng·2020-09-15 22:33

Openlayers之初始化地图

1、使用VS新建一个Web空白网站，然后将Openlayers3的开发库和样式文件复制到网站的根目录下；2、新建一个HTML文档，并引入ol.js和ol.css；3、在body标签中新建一个div作为地图加载的容器

桃李不言_下自成蹊·2020-09-15 22:03

Openlayers之地图比例尺控件

1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建两个div标签，分别用来作为地图和比例尺控件的容器；2、代码实现#scalebar{float:left;margin-bottom:10px;z-index:2000;}window.onload=function(){//实例化比例尺控件varscaleLineControl=newol.control.Scale

桃李不言_下自成蹊·2020-09-15 22:03

OpenLayers 3 之地图控件（control）初始化与定制

OpenLayers3之地图控件（control）初始化与定制的代码如下：varmap=newol.Map({//设置地图控件，默认的三个控件都不显示controls:ol.control.defaults

3s_bigdata·2020-09-15 21:56

openlayers3自定义工具条

对于一个WEB地图应用来说，地图工具条可以说是不可或缺的一个部分，但由于一些样式、功能往往并不能满足实际项目需要，所以仍要对此部分进行定制，从这里将说明如何利用Oplenayers3根据项目要求做一个定制化的工具条。这里我是仿高得地图的样式，做的工具条。1、工具条功能内容内容切换地图(影像地图、地形地图)测量(点击测量会弹出测量选项框)图层控制（点击图层控制会弹出图层控制菜单）全屏和取消全屏2、最

jiym·2020-09-15 21:04

openlayers3+功能拓展

最近看到openlayers3的一个功能拓展，每个功能都是在源码的基础上开发的，我们可以对照着学习源码，也可以参考着做自己的功能拓展，很实用。

jiym·2020-09-15 21:04

openlayer 缩放滑块

openlayer缩放滑块ZoomSliders/***Thezoomsliderinthesecondmapshallbeplacedbetweenthezoom-inand*zoom-outbuttons

Lucky_wangtao·2020-09-15 21:33

OpenLayers3（三）混合地图切换

因为OpenLayers中没有提供混合地图这个api，然后项目要求需要和百度地图一样有混合地图这个功能，然后通过newol.layer.Tile这个api找到了一些思路。

天空影·2020-09-15 21:08

OpenLayers创建地图

Inserttitleherevarmap=null;functioninit(){varoptions={controls:[newOpenLayers.Control.KeyboardDefaults

iteye_11116·2020-09-15 21:03

困扰我的关于OpenLayers的问题终于解决了:

varlon=107.5781;varlat=36.8796;varzoom=2;varmap,layer,gmap,markers;varobjMouse;varoptions={projection:newOpenLayers.Projection

iteye_11116·2020-09-15 21:03

Openlayers 自定义控件

OpenLayers.Control.YourControl=OpenLayers.Class(OpenLayers.Control,{//mayprivatepropertieshere...initialize

a313469292·2020-09-15 21:00

OpenLayers3 实现自定义放大缩小滑块，自定义方向按钮

由于项目需要，需要自定义滑块。为此记录如下：然后js代码：//放大functionZoomOut(){view.setZoom(view.getZoom()+1);}//缩小functionZoomIn(){view.setZoom(view.getZoom()-1);}//地图平移functionpanDirection(direction){varlonlat=0.06;//平移系数varpa

weixin_30294709·2020-09-15 21:03

OpenLayers 3 之地图控件（control）详解

每一个地图应用都应该有一些工具方便用户控制地图的行为，比如缩放，全屏，坐标控件等等，在OpenLayers中怎么添加这些工具呢？

庆祝亚运会·2020-09-15 21:55

layui关闭当前弹出层显示下一弹出层

){varnoticeId;if(0==result.code){dataList=result.data;//查询出来数据varx=0;if(dataList.length>0){//如果有值就调用openLayer

行走者-取其善者而行之·2020-09-15 17:50

Openlayers如何刷新过滤图层

使用Openlyers+Geoserver进行一个大量数据的展示，效率太低不能很好的的展示，也不适合于使用样式表按比例尺进行分层加载，于是研究一下如何通过代码刷新过滤图层，具体如下：1、使用mergeNewParams的方式，这种方式从Geoserver的例子中学来的，数据量不大时可以使用，数据量一大，基本就不能使用了：Java代码//先创建一个filter的数据结构varfilterParams

zyb_java·2020-09-15 06:28

基于 GoogleMap 离线 API 源码在内网中加载卫星地图的方法

另外，也为大家分享过在二维开源平台离线加载卫星影像的方法，主要包括基于OpenLayers的内网WebGIS离线部署和基于MapBox的内网WebGIS离线部署等具体操作方法。

mrib·2020-09-15 05:44

在地图上添加一个marker（标记），并注册事件

1.先创建一个marker的容器图层：varmarkers=newOpenLayers.Layer.Markers("markers");2.创建一个特征要素：varfeature=newOpenLayers.Feature

greymouseyu·2020-09-14 14:46

推荐频道

Openlayer