概述

本文主要介绍如何在 Openlayers 矢量图层上实现点击高亮效果。

效果演示

具体实现

数据准备

矢量数据可点击下载

加载矢量图层

矢量数据是通过调用Openlayers的new GeoJSON()实例去加载读取。

let style = new Style({fill: new Fill({color: "rgba(255, 255, 255, 0.6)",}),stroke: new Stroke({color: "#319FD3",width: 1,}),text: new Text({font: "12px Calibri,sans-serif",fill: new Fill({color: "#000",}),stroke: new