openlayers-3

I am struggling with building OL3 Vector layer BBOX strategy loading. So far I can easily load Geojson file with valid json syntax, however this is one time strategy. My another approach was to use ol.ServerVector which to my understading returns Javascript with callback, but I can't make it work. Working simple Geojson layer: var vectorSource = new ol.source.GeoJSON( ({ projection: 'EPSG:3857', preFeatureInsert: function(feature) { feature.geometry.transform('EPSG:4326', 'EPSG:3857'); }, url: 'geojson2.json' })); var vectorLayer = new ol.layer.Vector({ source: vectorSource, style:

How to draw a polygon use open layer 3 programmatically? i have a json array coordinate: [ { "lng": 106.972534, "lat": -6.147714 }, { "lng": 106.972519, "lat": -6.133398 }, { "lng": 106.972496, "lat": -6.105892 } ] and now i want to draw it on map use open layers. how to do it? You need to use the ol.geom.Polygon constructor. That constructor expects an array of rings, each ring being an array of coordinates. In your case this is how you will create the polygon (this assumes your array of lng lat pairs is named a ): // A ring must be closed, that is its last coordinate // should be the same as

Using OpenLayers 3, how can I determine the distance between two points in the Spherical Mercator (SRID: 3857) projection? I know that distanceTo was used in OpenLayers 2 point1.distanceTo(point2) I looked through the OpenLayers 3 docs , but I'm not finding anything similar... markov00 You can use the Sphere object to calculate the distance between two coordinates like this: var distance = ol.sphere.WGS84.haversineDistance([0,0],[180,0]); //20037508.34 meters Sphere provides also various algorithms to calculate the distance like cosine,equirectangular etc. You can also create the Sphere object

I'm using OpenLayers v3.6 (this is important, because most of solutions that I found and would potentialy work are for OpenLayers 2). I have a table and when I select a row in that table, I would like to highlight/select a corresponding feature on the OpenLayers map. All features are simple polygons ( ol.geom.Polygon ) in the same vector layer ( ol.layer.Vector ). I set up select interaction like this: // there is a lot of other code here ... addSelectListener: function() { this.SelectInteraction = new ol.interaction.Select({ condition: ol.events.condition.singleClick, layers: function (layer)

How can I use a SVG image as a Layer (so not as a map marker) with OpenLayers-3 I was unable to get any output of my SVG image when using any of the ol.source.Vector and ol.format.Feature instances. Small example: var mapLayer = new ol.layer.Vector({ source: new ol.source.Vector({ url: 'image.svg', format: new ol.format.Feature() // http://openlayers.org/en/v3.12.1/apidoc/ol.format.Feature.html }), }); I was able to get output when using the ImageStatic layer, but this uses/generates(?) a static image so the advantages of SVG are gone. Example: // Not sure if I need this for SVG, but is is

I have JavaScript application in OpenLayers 3, and my base layer is created from local tiles. I work only in my computer so I do not know why I have CORS error. var newLayer = new ol.layer.Tile({ source: new ol.source.OSM({ url: 'E:/Maperitive/Tiles/vychod/{z}/{x}/{y}.png' }) }); var schladming = [21.6187, 48.7327]; // longitude first, then latitude // since we are using OSM, we have to transform the coordinates... var schladmingWebMercator = ol.proj.fromLonLat(schladming); var map = new ol.Map({ layers: [ newLayer ], controls: [], target: 'mapid', view: new ol.View({ center: