Questions tagged [angular-openlayers]

is a AngularJS directive for the OpenLayers JavaScript library

angular-openlayers-directive is a AngularJS directive for the OpenLayers 3 JavaScript library. It’s used to embed OpenLayers maps in an AnguarJS project.

Related Tags

References

110 questions
2
votes
0 answers

Why my pointer and blue dot are not together?

I am drawing features on map, using openlayers3. But my pointer and the blue dot(stroke) are not together. I have used this example.
jain
  • 512
  • 5
  • 19
1
vote
2 answers

How to add properties to a rendered feature of TileVectorLayer

as shown in the below posted code, i create a VectorTileLayer and the VectorTileSource is MVT geometry that is retrieved from a webservice as stated in the url attribute. the database table contains the columns as shown below. For each zoom-in and…
Amrmsmb
  • 1
  • 27
  • 104
  • 226
1
vote
1 answer

How do I fix Typescript errors in OpenLayers 6.6.1

After upgrading to OpenLayers 6.6.1 I am receiving hundreds of typescript errors caused by generics. For instance... import olLayerVector from 'ol/layer/Vector'; import olFeature from 'ol/Feature'; public static highlightOverlay: olLayerVector =…
Funn_Bobby
  • 647
  • 1
  • 20
  • 57
1
vote
1 answer

OpenLayer 6.3.1 problem displaying GeoJson data on the map

I have problem with openlayer geojson. I'm trying to display data in the map, but nothing I try works. What do I need to change to display the data on the map? code: var map = new Map({ controls: defaultControls().extend([ new FullScreen() …
1
vote
1 answer

How to fit openlayers map when map is not full size?

I have angular application that uses https://www.npmjs.com/package/angular-split. 1 split area has open layers map. If only map split area is visible, following method: private zoomToExtent(extent: IExtent, view: ol.View) { const mapSize =…
char m
  • 7,840
  • 14
  • 68
  • 117
1
vote
1 answer

OpenLayers getFeatures() access properties

I have some levels with many features. Each feature has properties, e.g. Values (is an Array). But I can not access this property. When I try to access the property like that layer.getSource().getFeatures()[0].values I get an undefined exception. I…
1
vote
2 answers

OpenLayers 5 get extent coordinates

I am trying to create a MultiPolygon from an extent in OpenLayers 5 I'm getting the extent through map interaction of dragBox let extent = selectBox.getGeometry().getExtent(); myService.select(extent); select(extent){ let topLeft =…
Funn_Bobby
  • 647
  • 1
  • 20
  • 57
1
vote
1 answer

Can you extend open layers layer class?

I am trying to extend OpenLayers class with es6 syntax in typescript. I have run a few tests in jest to verify that my new class is a VectorLayer instance. I have been able to use methods like setSource and they appear to work in tests. However,…
1
vote
0 answers

Open layers 4.5 Tap/Touch on a Point (Android Devices)

I am trying to create a tap/touch on a feature to handle some action. It works on the Chrome browser. But when I install the apk on the Android phone/tablet it does not work. My environment: - Cordova 8 - Angular 6 - Open Layers…
1
vote
1 answer

How to import and use control.defaults in Angular?

I'm very new in Openlayers and I'm trying to create my first map component. I'm trying to set the map controls but without success. The code throws an error when try to import the 'ol/control'. I saw a lot exemplo using defaultControls, but not in…
1
vote
2 answers

Openlayers how to update overlay position on map moveend event

I have a Point feature of type ol.geom.Point on openlayers map and there is a popup which I am displaying on clicking the feature. The popup is
element which I have added as an overlay, I am displaying and hiding the overlay whenever I find…
1
vote
1 answer

Cannot find name 'ol'

I am working for the first time on open layers (angular 4). after installing and importing files in ts. these are the imported files import Map from 'ol/Map.js'; import View from 'ol/View.js'; import TileLayer from 'ol/layer/Tile.js'; import…
Hemanth
  • 193
  • 1
  • 5
  • 18
1
vote
1 answer

arc.js installation in OpenLayers

I have project developed in Angular 5 with Node.js . Now in my project I want to have flight animation connections and used the example of OpenLayers called 'Flight Animation'. The problem is that there is a library called 'arc.js' used in example…
MadMax
  • 306
  • 1
  • 5
  • 17
1
vote
1 answer

How to duplicate an already initialised map in openlayers 3

How can i duplicate an already initialised map state? I would like to save the hassle of re-initialising the same map then copying the layers over.
vicgoyso
  • 636
  • 1
  • 14
  • 35
1
vote
3 answers

Use click event in angular2-openlayers to show details of clicked marker

I'm new to Angular and Openlayers (3). I found this open source library which wraps Openlayers in Angular. My question is very simple. I want to detect the event when an user clicks on one of the generated features in order to display the details of…
Vetemi
  • 784
  • 2
  • 9
  • 26