Бештар

Чӣ тавр буферро дар нуқта дар OpenLayers 3 илова кардан мумкин аст

Чӣ тавр буферро дар нуқта дар OpenLayers 3 илова кардан мумкин аст


Ман кӯшиш мекунам як буферро дар атрофи баъзе нуқтаҳои дар харита нишон додашуда илова кунам. Ман дар айёми OL2 кӯшиш карда будам, ки ба ин монанд коре кунам ва дар хотир дорам, ки он ба пеш рост набуд.

Оё дар OL3 роҳи соддаи ин кор ҳаст? Ман инро ёфтам:

ol.extent.buffer (андоза, арзиш, opt_extent)

аммо ман намунае ёфта наметавонам.


То он даме, ки шумо мехоҳед нуқтаҳоро ё миқёсро буферӣ кунед, функсияе, ки шумо қайд кардед, бояд кофӣ бошад. Аммо агар шумо хоҳед, ки полигонҳо ё маҷмӯи топологии линтерингии JSTS-ро ба буферӣ бардоред, ҳалли худро ба шумо медиҳад. Ҳоло ба саволи шумо бармегардем. Чизеро ба монанди зерин иҷро кунед:

// хусусияти нуқтаро, ки мехоҳед буферӣ кунед var pointFeature = new ol.Feature (ol.geom.Point new ([0,0])); // [қабати нуқтаӣ ва манбаъ эҷод кунед ва ҷасадро ба манбаи var vectorPoint = new ol.layer.Vector ({source: new ol.source.Vector ({features: [pointFeature]})}}); // қабати полиониро барои нигоҳ доштани буферҳои худ эҷод кунед var vectorBuffers = new ol.layer.Vector ({source: new ol.source.Vector ({})}); // харитаи худро initilise кунед ва қабатҳои илова кунед var map = new ol.Map ({layer: [raster, vectorPoint, vectorBuffers], target: 'map', view: new ol.View ({center: [0, 0], зум: 2})}); // ва дар ниҳоят функсияеро иҷро кунед, ки буферии var radius = 1000000; bufferit function (radius) {var poitnExtent = pointFeature.getGeometry (). getExtent (); var bufferedExtent = ol.extent.buffer нав (poitnExtent, radius); console.log (bufferedExtent); var bufferPolygon = ol.geom.Polygon нав ([[[bufferedExtent [0], bufferedExtent [1]], [bufferedExtent [0], bufferedExtent [3]], [bufferedExtent [2], bufferedExtent [3]], [bufferedExtent [2], bufferedExtent [1]], [bufferedExtent [0], bufferedExtent [1]]]]); console.log ("bufferPolygon", bufferPolygon); var bufferedFeature = ol.Feature нав (bufferPolygon); vectorBuffers.getSource (). addFeature (bufferedFeature); }

ин аст скрипка, то зиндагии шуморо осонтар кунад


Видеоро тамошо кунед: Angular - PART # 2. OpenLayers Map. OSM