openlayers – Tarik Billa

Drawing a path with a line in OpenLayers using JavaScript

December 24, 2023 by Tarik

You would need to make use of the LineString object Here is an example: var lineLayer = new OpenLayers.Layer.Vector(“Line Layer”); map.addLayer(lineLayer); map.addControl(new OpenLayers.Control.DrawFeature(lineLayer, OpenLayers.Handler.Path)); var points = new Array( new OpenLayers.Geometry.Point(lon1, lat1), new OpenLayers.Geometry.Point(lon2, lat2) ); var line = new OpenLayers.Geometry.LineString(points); var style = { strokeColor: ‘#0000ff’, strokeOpacity: 0.5, strokeWidth: 5 }; var lineFeature = … Read more

CSS: position:fixed inside of position:absolute

August 25, 2023 by Tarik

You mentioned in the comments that OpenLayers uses CSS transforms. That being the case: the element with fixed positioning will become relative to the element with the transform – not relative to the viewport Take a look at the spec: The Transform Rendering Model Specifying a value other than ‘none’ for the ‘transform’ property establishes … Read more

Simple label on a leaflet (geojson) polygon

August 17, 2023 by Tarik

The leaflet label plugin also allows static labels, see the demo. The only reason the polyline label is not static is that it moves around as you move along the polyline. You can probably do better than this, by overriding bindLabel() for Polygons but this is a simple way to add a static label to … Read more

OpenLayers vs Google Maps? [closed]

October 26, 2022 by Tarik

These are a really great questions! I’m a professional OpenLayers developer and fan, so I’ll address your questions from that perspective. Why would I use OpenLayers instead of Google Maps? Flexiblity: You are not tied to any particular map provider or technology. You can change anytime and not have to rewrite your entire code. Google, … Read more