Openlayer

openlayers3配置geoserver(WMS)，获取已渲染ImageWMS底图详解

最近，原项目中的openlayers2进行框架升级为openlayers3,因为openlayers3相当于进行了完全重构，导致项目升级遇到了一些问题。
水手峡谷·2020-08-18 09:34

arcmap发布wms服务并用openlayers加载

Arcgis:10.4准备全国shp数据：测试数据和图层加载代码下载地址：http://download.csdn.net/download/u010476739/10197521http://download.csdn.net/download/u010476739/10197523打开arcmap，首先连接arcgis服务器：连接到arcgisserver参照：http://blog.csdn
jackletter·2020-08-18 09:32

Openlayers3 加载 GeoServer WMS的实现

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

OpenLayers + GeoServer 实现(扩展的)通用查询语言(CQL/ECQL)

1、CQL/ECQL简述CQL（CommonQueryLanguage，通用查询语言）是OGC为目录web服务规范创建的查询语言，不像基于XML的编码语言，CQL使用我们更熟悉的文本语法编写，具有更好的可读性和适应性。更多关于Geoserver中CQL的使用说明，参考CQLAndECQL。CQL的使用，要求属性在比较运算符的左边，基于此，Geoserver提供了扩展的CQL即ECQL，它提供了一种
顽劣的石头·2020-08-18 09:21

OpenLayers中TileWMS和ImageWMS的使用说明

GeoServer中发布的WMS服务，使用OpenLayers显示后，发现加载的地图是切片的，这让我很疑惑：是GeoServer中发布的WMS服务有问题，还是OpenLayers中加载WMS的方式有问题
顽劣的石头·2020-08-18 09:21

geoserver Openlayers4 关于wms，jsonp、地图服务、GetFeatureInfo查询服务跨域请求的各种问题

1、直接上代码不多bb错误1：（我的geoserver是挂载在tomcat上的，有些网上设置的跨域是不行的，是因为有的用的geoserver是直接在jett上的，要注意搜索关键字，要说明自己geoserver是通过什么方式访问的。）地图加载无问题，但是请求json就会出错，配置见下图。#map{width:100%;height:100%;}$(function(){varbounds=[89.1
Curtains Down·2020-08-18 09:48

OpenLayers3的WMS空间查询实现多个图层

空间查询前面的帖子写过，但是在一次性查询多个图层的时候卡了一下，再次记录下。1、WMS数据源：varwmsSource=newol.source.TileWMS({url:'http://localhost:8080/geoserver/wms',params:{'LAYERS':'test:县界_2010907_PolygonTo_Mid_Fea,test:行政区划'},serverType:'
KronChan·2020-08-18 09:15

openlayers 如何调用geoserver发布的wms服务

如何调用geoserver发布的wms服务启动geoserver，点击左侧导航工具栏中的LayerPreview找到自己相应调用的图层，点击Openlayer进行预览，如下图：在浏览器的地址栏中，http
啦啦啦爱太阳·2020-08-18 09:57

OpenLayers2---WMS服务

OpenLayers2–WMS服务示例说明：使用的是OpenLayers2.13版.参考：http://www.cnblogs.com/ustcyc/p/3508837.htmlHTML代码(WMS.html
EchoShelter·2020-08-18 09:52

openlayer加载WMS图层例子（LAYERS对应值填的是name属性）

TiledWMSvarlayers=[newol.layer.Tile({source:newol.source.XYZ({url:'http://t3.tianditu.com/DataServer?T=vec_c&x={x}&y={y}&l={z}',projection:"EPSG:4326"})}),newol.layer.Tile({//extent:[117.909832,24.427
阿星_·2020-08-18 08:38

关于openlayers显示wms地图的说明

昨天接到项目经理的活：把页面上的flex形式的地图换成用openlayers形式展现。
lovinghong·2020-08-18 08:22

（十九）ArcGIS JS 加载WMS服务（超图示例）

前言在工作中，需要在ArcGISAPIforJavaScript中加载超图服务，因为超图的rest服务只可以用于Leaflet、openlayers3(withMVT)、MapboxGL、Tianditu.com
idomyway·2020-08-18 08:00

openlayers 加载geoserve发布的WMS数据

一、导入相关的包import{TileasTileLayer,VectorasVectorLayer}from'ol/layer.js';import{XYZ,TileWMS,VectorasVectorSource,ImageWMS,Cluster}from'ol/source.js';二、函数的封装//加载geoserver发布的WMS数据exportfunctiongeoServeWMS(m
gis_SSS·2020-08-18 08:28

ArcGIS学习（五）OpenLayers调用WMS服务

OpenLayers：OpenLayers是一个开源的js框架，用于在您的浏览器中实现地图浏览的效果和基本的zoom，pan等功能。
lxbgg·2020-08-18 08:07

openlayers3，TileWMS和ImageWMS区别

这是我看了几个网页后的总结，可能不准确，欢迎指正。TileWMS，顾名思义，是服务端生成规则网格切片，切片一旦生成，还可以指定是否要缓存在服务端（的文件夹中），于是下次请求的时候，会有效率提升，缺点，需要消耗存储空间，看网上说，TimeWMS对标注label的处理效果没有ImageWMS好。ImageWMS，是根据请求，实时生成和当前视图相同尺寸的一张大图，并返回，不会有缓存，相比TileWM
dreamgis·2020-08-18 08:36

Vue+OpenLayers学习系列（四）OpenLayers 加载 WMS 地图服务

一、简单介绍OpenLayers读取WMS服务与OpenLayers读取GeoServer发布的地图服务类似二、代码本次Demo主要介绍读取GeoServer发布的WMS地图服务，并且绘制矢量Shapetype
爱睡懒觉的老舅·2020-08-18 08:29

openlayers加载WMS服务图层

vartian_di_tu_road_layer=newol.layer.Tile({title:"天地图路网",source:newol.source.XYZ({url:"http://t4.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=42dca576db031641be0524ee977ddd04"})});//加载天地图--注记图
肆爪·2020-08-18 07:47

利用ol.js给Openlayers加载wms服务

不知道从哪个版本开始，openlayers的文件引用就开始用import那一套了，真的是看着简单做着难，就引用一个js文件，我怎么引用都是错误的，简直是醉了，我也没有开始研究这个，不过这个肯定是趋势了。
Tonque·2020-08-18 07:36

node 打包内存溢出 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript he...

electron-vue加载了地图openLayer后,打包就包内存溢出解决办法:"build":"node--max_old_space_size=4096build/build.js"直接在node
weixin_30508309·2020-08-18 04:33

从零开始gis——(2)gis开发环境的搭建 qgis + geoserver + postgresql + postgis + openlayer

1.gis开发都用什么?最好用的一站式gis解决方案是esri公司的arcgis。他提供了arcgisdesktop(绘图用的)+arcgisserver(发布地图服务)+arcgisjsapi(做页面开发的js库)功能强大,jsapi简单易用，不过这个并不是开源免费的，是收费的，不过破解版都有，大家可以自己去尝试，本篇文章不做细讲。2.我们使用的技术栈。qgis绘图+geoserver提供地图服
欣欣欣白白白·2020-08-17 23:17

openLayer4实现动态改变标注图标

本文实例为大家分享了openLayer4动态改变标注图标的具体代码，供大家参考，具体内容如下地图上经常需要标出标注，标注点击之后要有相应的变化来达到一定的效果。
·2020-08-17 16:57

openlayers4实现点动态扩散

本文实例为大家分享了openlayers4实现的点动态扩散的具体代码，供大家参考，具体内容如下原理：连续刷新地图，并且刷新时，修过点样式的半径大小，来实现扩散效果；//定义底图varbaseLayer=
·2020-08-17 16:57

Openlayers实现扩散的动态点（水纹效果）

本文实例为大家分享了Openlayers实现扩散的动态点的具体代码，供大家参考，具体内容如下在openlayers中制作危险源标识可以需要动态扩散的点（有很多种方法可以加入jpg动图，也可以写css动画
·2020-08-17 16:12

Openlayers+GeoServer+MySql获得JSON、GML数据的兼容性问题

问题在使用OpenLayers4获得GeoServer数据时出现的一个问题：if(currentSource.getGetFeatureInfoUrl){url=currentSource.getGetFeatureInfoUrl
李世吉吉·2020-08-16 18:48

Leaflet插件整理——Tile/image layers插件

Leaflet插件整理1.前言2.Basemapproviders插件3.Basemapformats插件1.前言Leaflet以体积小、轻量著称，但这也是它的缺点，和openlayers相比，Leaflet
Giser张博·2020-08-16 17:39

【Openlayers】完全前端实现 驾车路径规划

1.说明：OL官网上没有路线规划的API，我就套用高德地图的API，把渲染后的数据在OL上进行渲染。往深了说，我们就是需要高德的API的数据而已。其他没有什么难。我的代码实现流程是：先加载高德地图的API和工具，保证需要的工具加载完成后，再进行OL地图的加载和使用。其他就是使用高德API和OL的地图渲染了。没有什么。2.效果：3.代码：先加载高德工具：_init:function(){////高德
arminc·2020-08-16 16:38

gis地图常用的工具：geoserver、openlayers、cesium，为我们初学者学习gis提供的福利

1、geoserver：（底下有个案例说geoserver+openlayers）是OpenGISWeb服务器规范的J2EE实现，利用GeoServer可以方便的发布地图数据，允许用户对特征数据进行更新
浩星·2020-08-16 14:35

geoserver+mysql+openlayer 简单搭建与实现图层实时更新

一geoserver的搭建非常简单官网下载geoserver最新版本http://blog.geoserver.org/我使用的是GeoServer2.14.2版本。下载独立版本直接解压进入bin启动即可，访问http://localhost:8089/geoserver/web用户名admin密码geoserver如下图：说明geoserver搭建成功geoserver支持postgis空间数据
ljl668·2020-08-16 13:47

Leaflet的插件在WebGIS中作用

Leaflet和Openlayer都是两个主要的开源前端库。开放的程度都很高，但是考虑到移动端和小巧轻便易扩展，我大部分情况还是选择leaflet。
GISEarth·2020-08-16 12:42

GIS解决方案（1）：geoserver+openlayers+mysql设计思想

第0章：说说GIS百度了下GIS（地理信息系统），发现文章题目大了，暂先用用。GIS概念找google、百度、wiki，不可否认这是普遍认知入门好方法。从百度百科偷来一神图：结合Google和网页功能的地理资讯系统架构新概念不少，看了半天没懂，有兴趣再慢慢琢磨，毕竟人家是google嘛。下面我要讨论的GIS设计思想是贬义的，只从web软件开发角度做简单的设计。第1章：geoserver+openl
龙泉太阿·2020-08-16 10:43

Openlayers3学习心得之Cluster

前言最近在学习开源地图库——Openlayers3，将自己的一些学习心得分享出来，第一次写文章，望支持。
进击的小宇宙·2020-08-15 20:18

openLayers TMS加载谷歌地图瓦片

openLayersTMS中加载谷歌瓦片经纬坐标(LonLat)和投影坐标系的转换http://www.cnblogs.com/sailheart/archive/2011/03/11/1981536.
Z_零点·2020-08-15 20:48

openlayer组成部分

1.地图（Map）：对应的类是ol.Map;2.视图(View)：对应的类是ol.View，控制地图显示的中心位置，范围，层级等;3.图层(Layer)：OpenLayers3有多种多样用于不同业务的图层
zxc13552314286·2020-08-15 20:46

如此简洁明了的WMTS客户端实现-来自openlayers

下面是来自于openlayers官网的代码：WMTSLayerfromCapabilitiesimportMapfrom'ol/Map.js';importViewfrom'ol/View.js';importWMTSCapabilitiesfrom'ol
凌渊阁·2020-08-15 20:15

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

openlayers5部分使用细节

近期使用openlayers5开发wmts自切地图的加载和切换，自定义样式，要素信息读取加载wmts自定义地图//加载地图(wmts服务)functioninitMap(){//1.设置空间参考坐标系使用哪个坐标系取决于加载的地图服务坐标系与地图服务不同
zhuzhuCode·2020-08-15 20:13

Openlayers 在地图上画点，线，面，圆

OPenLayers3example#map{width:100%;height:500px;}ulli{list-style:none;}.ol-popup{position:absolute;background-color
jimjiayu·2020-08-15 20:40

OpenLayers WFS图层加载不能看到效果之一：数据已下载，图形没看到

以下代码为OpenLayers示例代码wfs-states.js改编出来的代码，这样写完全没有问题。varmap;OpenLayers.ProxyHost="cgi-bin/proxy.cgi?
zhuhuazha·2020-08-15 20:09

OpenLayers添加地图说明等内容

Openlayers作为展现地图的开源AJAX框架，非常方便实用。这里是一段如何添加自己需要的一段话，借助的是Attribution控件。
zhuhuazha·2020-08-15 20:09

openlayers应用（四）：百度地图坐标纠偏续

续前一篇，上一篇提到百度地图纠偏的基本思路，经过经过一天的努力，实现了百度地图坐标偏移参数的提取，步骤以及实现效果如下：1、数据来源：四川省的省道矢量数据2、提取坐标偏移参数的过程如下：A、将四川省地图范围按一定的范围划分成多个相同的网格B、为网格准备纠偏数据：读取四川省省道矢量数据，并将矢量数据分配到划分的网格C、加载百度在线或者离线地图，绘制矢量数据，使用页面上的按钮，将省道图形移动到正确的位
cdguiyi·2020-08-15 20:08

openlayers3应用（三）：百度坐标“纠偏”

前两篇文章介绍了openlayers3加载百度在线和离线瓦片地图，页面上能够正常显示。
cdguiyi·2020-08-15 20:07

openlayers 地图上绘制区域悬浮弹窗实现跟随鼠标移动

今天做了一个功能，是基于openlayers在地图上绘制区域，并实现鼠标在区域内悬浮弹出指示窗，指示窗随着鼠标的移动而移动。我采用的是ol.Overlay方式：首先新加一个overlay。
白眉鹰王707·2020-08-15 20:37

vue+openlayers5学习总结（二）官网examples运行实例

目录1.下载官方源码，将data拷贝到（一）中的工程中。2.找到官方源码中的examples，选其中一个实例。如下图3.需要对实例进行修改才能运行1.下载官方源码，将data拷贝到（一）中的工程中。2.找到官方源码中的examples，选其中一个实例。如下图3.需要对实例进行修改才能运行将文件拷贝到目录下，改写html文件zsl#map{width:90%;height:90%;}-->Gotom
张栓来·2020-08-15 20:35

Geoserver项目开发_8.Openlayers调用矢量切片服务

矢量切片在调用过程中其渲染是由客户端（如OpenLayers）完成，而不是由服务器完成。这就允许不同的地图/应用程序以不同方式设置地图样式，而无需重新配置GeoServer。
占戈西木·2020-08-15 20:03

基于OpenLayers 的WFS模糊查询优化

实现代码：varfilter=newOpenLayers.Filter.Logical({type:OpenLayers.Filter.Logical.AND,filters:[n
九江妇幼保健院信息科-张磊·2020-08-15 20:03

OpenLayers下将浮云框显示位置固定

OpenLayers下对浮云框显示位置的处理非常灵活，可以根据指向的锚点自动调整自身位置。但是有时候我们并不需要这种功能，需要将位置固定到某一方位，比如右上角。
zhangjie617·2020-08-15 20:32

关于使用OpenLayers的透明图层叠加的一些问题

WMS就显得简单多了：vargmap=newOpenLayers.Layer.WMS("gmap",
九江妇幼保健院信息科-张磊·2020-08-15 20:31

openlayers3学习-创建地图，添加、移除监听事件

一、入门实例Title//view,layers,target是初始化地图的必须的三个属性，缺一不可。letmap=newol.Map({view:newol.View({center:[0,0],zoom:1}),layers:[newol.layer.Tile({source:newol.source.OSM()})],target:'map',//这俩参数是控制底图切片的加载时机，设置为tr
单调的黑白灰·2020-08-15 20:31

关于openlayers 加载tiled图层边界重采样的问题

今天，我把影像金字塔用tiled加载，为得是想用geoserver里自带的geowebcache.偷懒的把layerpreview以html保存下来，它里面的map是以map.addLayers([untiled,tiled]);方式加载的，也就是以singleTile方式加载，我想只是简单地把这顺序交换一下吧，写成：map.addLayers([tiled,untiled]);果真是以tiled
九江妇幼保健院信息科-张磊·2020-08-15 20:31

openlayers3学习--简介

官网https://openlayers.org/一、官方简绍：Ahigh-performance,feature-packedlibraryforallyourmappingneedsOpenLayersmakesiteasytoputadynamicmapinanywebpage.Itcandisplaymaptiles
单调的黑白灰·2020-08-15 20:31
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他