openlayers加载wms服务，点击高亮单个要素，demo可直接运行

最新推荐文章于 2024-05-29 18:04:39 发布

coderMXL

最新推荐文章于 2024-05-29 18:04:39 发布

阅读量2k

点赞数

分类专栏： openlayers geoserver

本文链接：https://blog.csdn.net/weixin_43049347/article/details/111150071

版权

本文介绍如何使用OpenLayers处理Geoserver发布的WMS服务，通过监听点击事件获取要素信息，并利用要素坐标在新的矢量图层中重绘实现高亮效果。

摘要由CSDN通过智能技术生成

openlayers实现geoserver发布的WMS服务点击查询属性信息比较简单，但对单个要素高亮没有直接有效的方法，因此采用重绘的方法，新建一个矢量图层，然后通过点击事件从geoserver获取要素的全部信息，其中包括要素的坐标信息，利用要素的坐标信息在新建的矢量图层里重新绘制当前要素，相当于覆盖原要素，实现高亮。

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>要素高亮方式</title>
	<style type="text/css">
		body, #map {
			border: 0px;
			margin: 0px;
			padding: 0px;
			width: 100%;
			height: 100%;
			font-size: 13px;
		}
		.form-inline{
			position: absolute;
			top: 10pt;
			right: 10pt;
			z-index: 99;
		}
	</style>
  <link rel="stylesheet" href="https://openlayers.org/en/v5.3.0/css/ol.css" />
  <script type="text/javascript" src="https://openlayers.org/en/v5.3.0/build/ol.js"></script>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></

最低0.47元/天解锁文章

coderMXL

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
openlayers加载wms服务，点击高亮单个要素，demo可直接运行

openlayers实现geoserver发布的WMS服务点击查询属性信息比较简单，但对单个要素高亮没有直接有效的方法，因此采用重绘的方法，新建一个矢量图层，然后通过点击事件从geoserver获取要素的全部信息，其中包括要素的坐标信息，利用要素的坐标信息在新建的矢量图层里重新绘制当前要素，相当于覆盖原要素，实现高亮。<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8
复制链接

扫一扫