自学内容网 自学内容网

Openlayer实现矢量图层点击高亮

概述

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

效果演示

在这里插入图片描述

具体实现

数据准备

矢量数据可点击下载

加载矢量图层

矢量数据是通过调用Openlayersnew 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 

原文地址:https://blog.csdn.net/m0_46281382/article/details/142988594

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!