分类：Openlayer

2022
07-06

Vue+Openlayer中使用select选择要素的实现代码

效果图：  实现代码：<template><divid="map"ref="map"style="width:100vw;height:100vh"></div></template><script>import"ol/ol.css";import{Map,View}from"ol";import{OSM,VectorasVectorSource}from"ol/source";import{VectorasVectorLayer,TileasTileLayer}from"ol/layer";importGeoJSONfrom"ol/format/GeoJSON";importSelectfrom"ol/interaction/Select";import{altKe... 继续阅读 >

2020
10-10

OpenLayer学习之自定义测量控件

OpenLayer学习之自定义测量控件（目前ol3的版本不会抛异常）一、自定义控件是在继承基类空间基础上实现的，控件不是我写的（毕竟技术有限）最近也在一直在研究源码进行模仿想写出自己的功能更为强大的控件。二、控件源码1、css样式设置.tooltip{position:relative;background:rgba(0,0,0,0.5);border-radius:4px;color:white;padding:4px24px4px8px;opacity:0.7;white-space:nowrap;}.tooltip-measure{opa... 继续阅读 >