I did some research on labeled markers with OpenLayers 5.3. Unfortunately, I didn't get the text to work. I inserted text to the feature object. The marker with it's image is visible and works as expected, but it doesn't show any text. H...
I am trying to change the opacity of a multipolygon feature on mouseover. I am able to get the feature on mouseover and change the style but am unable to animate the process of the opacity going from 0.3 to 0.8 for example. I have read through the...
firstly I'm new to Openlayers/JS as a whole and fairly inexperienced with programming in general so there might be other problems with my code that I'm not aware of. I am using the latest version of Openlayers (5.3.0). My program currently...
I'm trying to add a VectorLayer to an existing TileLayer, so I can place ol.geom.Point to mark places of interest. Originally this worked how I wanted - the points of interest were drawn on the TileLayer exactly where they should. Since then I&...
I would like to use the latest version of OpenLayers (5.3) in small project. The requirements are: no Node.js - I will be running thing on the site hosted on IIS, simple HTML files scripts need to be written in TypeScript ES5 I've read a lot...
I have a working map generated by this code: // create the map with the proper center var map = new ol.Map({ controls: ol.control.defaults().extend( [new ol.control.ScaleLine()] ), view: new ol.View({...I'm trying to check if a point is within a Polygon. This is my function: import { containsXY } from 'ol/extent'; isInside(polygon, longitude, latitude) { polygon = JSON.parse(polygon); // Polygon is originally = JSON.stringify([[lon...I have a openlayers map which has draw interaction. When user starts drawing a linestring on the map, the portion of linestring drawn should look different than what the user would draw next. In brief when user drops a point on the map, the line til...
I have added ol package to my vue-cli project through npm install ol but the map doesn't load. there is no error and I just find an empty div in the result source. here is my code => the html part : <div id="map-container"...
I've got a weird issue with following code <html> <head> <title>Vector Style Examples</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> &l...
©2020 All rights reserved.