Обратный вызов при нажатии на слой в Open Layer - PullRequest
Новая
       18

Обратный вызов при нажатии на слой в Open Layer

0 голосов
/ 08 июня 2019

У меня есть открытая карта, которую я создал, с векторным слоем с несколькими полигонами.Как я могу обнаружить щелчок пользователя на этих полигонах и определить, на каком квадрате щелкнули? 

      var map = new Map({
    layers: [
      new TileLayer({
        source: new TileJSON({
          url: 'https://maps.siemens.com/styles/osm-bright.json'
        })
      }),
      new VectorLayer({
        source: new VectorSource({
          features: polygonFeatures
        }),
        style: new Style({
          stroke: new Stroke({
            width: 1,
            color: [0, 0, 0, 1]
          }),
          fill: new Fill({
            color: [255, 0, 255, 0.3]
          })
        })
      })
    ],
    target: 'map',
    view: new View({
      center: midPoint,
      zoom: 6.1
    })
  });

Вот это jsfiddle

1 Ответ

1 голос
/ 08 июня 2019

Вы можете идентифицировать объекты по имени или другому свойству при нажатии, как в этом примере https://openlayers.org/en/latest/examples/vector-layer.html

Самый простой способ присвоить названия вашим полигонам - это использовать minPoint и maxPoint.Также проще создать многоугольник из экстента 

  function mapSquare(minPoint, maxPoint) {
    var extent = minPoint.concat(maxPoint);
    var polygonFeature = new Feature({
      geometry: Polygon.fromExtent(minPoint.concat(maxPoint)).transform('EPSG:4326','EPSG:3857'),
      name: extent.toString()
    });
    return polygonFeature;
  }
...