1、前言
本文来介绍一下OpenLayers中点选、框选、圈选、多边形选择的实现方法,需要注意的是:
点选、框选对点、线、面三种要素均有效
圈选和多边形选择只对点要素有效
2、点选的实现
点选比较简单,创建一个ol.interaction.Select对象,然后监听select事件即可,代码如下:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点选</title>
<link href="lib/ol/ol.css" rel="stylesheet" />
<script src="lib/ol/ol.js"></script>
</head>
<body>
<div id="map" style="width:800px;height:800px;"></div>
<h1 id="msg"></h1>
<script>
// 创建要素图层
var vectorLayer = new ol.layer.Vector({
source: new ol.source.Vector({
features: [
new ol.Feature({
geometry: new ol.geom.Polygon([[
[119.0, 29.0],