WMS GetFeatureInfo (Image Layer)——WMS获取要素信息（图像图层）

最新推荐文章于 2024-06-17 10:19:03 发布
最新推荐文章于 2024-06-17 10:19:03 发布
阅读量6k 收藏 6
点赞数
分类专栏： OpenLayers3

This example shows how to trigger WMS GetFeatureInfo requests on click for a WMS image layer. Additionally map.forEachLayerAtPixel is used to change the mouse pointer when hovering a non-transparent pixel on the map.
这个例子用来说明在WMS图像图层上单击如何触发WMS的GetFeatureInfo请求。此外，map.forEachLayerAtPixel用来改变鼠标指针当其在地图上一个不透明的像素上停留的时候。

代码：
 
<!DOCTYPE html>
<html>
  <head>
    <title>WMS GetFeatureInfo (Image Layer)</title>
    <link rel="stylesheet" href="https://openlayers.org/en/v4.2.0/css/ol.css" type="text/css">
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
    <script src
最低0.47元/天 解锁文章
桃李不言_下自成蹊
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
从WMS服务器获取信息1
08-03
例如，可能存在一个WMS图层，其中包含您所在区域的停车区，可以将其绘制为地图上的多边形，作为返回的栅格图块的一部分。OpenLayers通过一种名为的方法使这种
wmts_getfeatureinfo_by_leaflet:WMTS GetFeatureInfo by Leaflet
05-31
wmts_getfeatureinfo_by_leaflet WMTS GetFeatureInfo by Leaflet Demo ： : 添加 WMTS // 4326 //900913 Chồng lớp, phải dùng srid:900913 WMTS 获取特征信息 # WMTS https://geo.dothanhlong.org/geoserver/gwc/service/wmts?VERSION=1.0.0& LAYER=thuadat:view_duynghia_4326& STYLE=& TILEMATRIX=EPSG:900913:14& TILEMATRIXSET=EPSG:900913& SERVICE=WMTS& FORMAT=image/png& SERVICE=WMTS& REQUEST=GetFeatureInfo& INFOFO
openlayers之ImageWMS监听事件
最新发布
IT_moshang的博客
06-17 180
ol.source.ImageWMS，WMS 服务提供的单一的图片数据，继承自，触发；
ol7示例2-WMS GetFeatureInfo (Image Layer)
FJGISer的博客
09-07 451
【代码】ol7示例2-WMS GetFeatureInfo (Image Layer)
WMS GetFeatureInfo (Layers)——WMS获取要素信息（图层）
SmileCoffin的博客
07-04 2815
All features: 6 Hotel features: 2 Restaurant features: 4 Demonstrates the use of the layers option in the ol.format.WMSGetFeatureInfo format object, which allows features r
wms GetFeatureInfo查询参数详解（maptalks为例）
七月❤的博客
10-11 460
地图的宽高，在maptalks是，：像素坐标，在maptalks里是。：图层名称，多图层英文逗号隔开 ,)，event是点击时间获取的值。：范围，在maptalks是。
[WebGIS开发一] WMS服务的getFeatureInfo Error: InvalidPoint - X and Y incorrectly specified. 解决
yGIS
09-23 924
wms的getFeatureInfo遇到的问题
32.（leaflet篇）leaflet实现wms服务点要素可点击.zip
08-13
Leaflet是一个轻量级的JavaScript库，专为创建交互式的二维地图而设计，而WMS则是一种标准协议，用于从服务器获取地理空间数据的图像切片。 首先，我们需要了解Leaflet的基本用法。Leaflet通过添加TileLayer来显示...
30.（leaflet篇）leaflet实现wms服务面要素可点击.zip
08-11
总结来说，通过Leaflet和WMS的结合，我们可以轻松地在网页上展示地理空间信息，并实现点击地图上的面要素获取详细信息的功能。这在各种地理信息系统应用中非常常见，如环境监测、城市规划等领域。通过熟练掌握这些...
WMS 图层与分块动态图层叠加
12-14
在SuperMap iClient 6R for JavaScript中，WMS图层可以方便地从支持WMS协议的服务中获取地图数据，并将其显示在Web浏览器的交互式地图上。 其次，分块动态图层（通常指的是WMTS，Web Map Tile Service）是另一种OGC...
openlayers加载WMS服务
05-31
OpenLayers 是一个流行的开源...通过理解WMS的工作原理、OpenLayers的API以及如何配置WMS图层，开发者可以创建出包含丰富地理信息的交互式地图。在实际应用中，可以根据需求进行定制和扩展，实现更多高级功能。
OL4通过ajax加载geoserver中WMS的GetFeatureInfo实现点击查询（解决跨域问题）
weixin_30716725的博客
03-03 1280
有时候我们不想加载WFS服务来获取要素的属性信息，我们就想加载WMS或者WMTS获取属性信息，geoserver客户端给我提供一种实现是返回html，这种方式受限太大，如果能返回json格式的数据那多好！这样我们就可以自己定义展示的效果了，在这里我首先想到的是通过点击事件配合Ajax 来加载WMS的GetFeatureInfo，但是发现总...
网络地图服务（WMS）详解
人生海海 山山而川
01-14 2699
根据具体实例详细论述了GIS中网络地图服务（WMS）的内容。
自定义 WMS GetFeatureInfo 响应
CodeGIS的专栏
08-05 3824
WMS 服务支持一系列操作，如 GetCapabilities、GetMap、GetStyles 等，允许客户端应用程序通过向服务的 URL 附加各种参数来使用此服务。GetFeatureInfo 操作以同样的方式工作，它用于以多种格式（如 HTML、XML 和纯文本）返回地图中所查询要素的属性。 以下是 GetFeatureInfo 请求及其默认的 HTML 格式响应的示例： 请求 htt
Cesium对WMS地图服务接口调用过程解析
苹果园dog
02-24 3128
一、概述 本文主要介绍Cesium对WMS地图服务GetFeatureInfo接口的调用过程。 示例中介绍的WMS地图服务采用GeoServer发布。 二、WMS地图服务 Web地图服务（Web Map Service，简称WMS）将地理信息动态生成空间参考数据的地图。 WMS提供了一个简单的HTTP接口，用于从一个或多个分布式地理空间数据库请求地图图像。 WMS请求定义了要处理的地理图层和感兴趣的区域。对请求的响应是一个或多个可以在浏览器应用中显示的地图图像（以JPEG、PNG等格式返回）
Android开发便签1：AlertDialog的使用
Android，移动应用开发
06-26 167
Android如何产生的一个AlertDialog： [code="java"] AlertDialog.Builder alert = new AlertDialog.Builder(this); alert.setTitle("");//设置标题 alert.setMessage("AlertDialog");//设置显示的内容 alert.setPositiveButton("",...
MapServer 之 发布 WMS GetFeatureInfo 服务
研究与专注
11-16 4840
对于一张图片地图，如果想实现点击地图上一点，地图在相应位置弹出小窗口，显示所点区域的信息这样的功能。要首先获取鼠标点击的坐标，然后在数据库中判断该点在哪个要素的范围内，最后返回包含该点的要素信息。然而我们既然懂这个原理，就可以先看看有没有实现，没必要去重新造轮子。MapServer 就已经实现了该服务，因为这是 WMS 的 GetFeatureInfo 操作。
leaflet 使用GetFeatureInfo与WMS交互
qq_37550440的博客
03-06 684
在使用Leaflet进行地图开发时，GetFeatureInfo请求是一种常用于与WMS（Web Map Service）服务交互的手段，用以获取地图上特定点的详细信息。Leaflet本身是一个轻量级的开源JavaScript库，用于移动友好的交互式地图，它没有直接提供GetFeatureInfo的API，但可以通过调用WMS服务来实现这一功能
超图webgis-2
qq_45149720的博客
11-24 290
点击地图获取要素 1.通过点击查询 2.通过forEachFeatureAtPixel获取要素 map.on('singleclick', pointermoveLinstener); function pointermoveLinstener(e) { map.forEachFeatureAtPixel(e.pixel, function (feature) { 点击地图获取图层 1.通过点击查询 x = evt.coordinate[0]; y = evt.coor
openlayers访问wms并且获取要素信息
06-07
要使用OpenLayers访问WMS并获取要素信息，你需要以下步骤： 1. 创建一个WMS图层对象并添加到地图中： ```javascript var wmsLayer = new ol.layer.Image({ source: new ol.source.ImageWMS({ url: 'http://localhost:8080/geoserver/wms', params: {'LAYERS': 'workspace:layername'}, serverType: 'geoserver' }) }); map.addLayer(wmsLayer); ``` 2. 监听地图鼠标移动事件并获取像素坐标： ```javascript map.on('pointermove', function(evt) { var pixel = map.getEventPixel(evt.originalEvent); }); ``` 3. 使用像素坐标和WMS图层的GetFeatureInfo请求获取要素信息： ```javascript map.on('singleclick', function(evt) { var viewResolution = map.getView().getResolution(); var url = wmsLayer.getSource().getGetFeatureInfoUrl( evt.coordinate, viewResolution, 'EPSG:3857', {'INFO_FORMAT': 'application/json'} ); if (url) { fetch(url) .then(function(response) { return response.json(); }) .then(function(json) { console.log(json); }); } }); ``` 在第3步中，我们使用`getGetFeatureInfoUrl`方法生成一个GetFeatureInfo请求的URL，并使用`fetch`方法获取响应。获取的响应是一个JSON格式的要素信息。你可以根据你的需求对要素信息进行处理。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值