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
0
votes
0 answers

is there possible for uploaded rotated image and rendered with some wrong resolution or extents using static image source in open layer 6

I am using open layers 6 lib for map rendering and events. my application needed same like this example http://viglino.github.io/ol-ext/examples/layer/map.geoimage.html i.e. Example have ol.source.GeoImage.. I have tried i am using affine…
0
votes
0 answers

is there possible for set rotation and scale to raster static image source in open layer 6

I am using open layers 6 lib for map rendering and events. my application needed same like this example http://viglino.github.io/ol-ext/examples/layer/map.geoimage.html i.e. Example have ol.source.GeoImage.. I have tried I am displaying raster…
0
votes
1 answer

Catch the end of drawing in OL6

I have this code which is complaining after upgrading to OL6.6.1 draw.on('drawend', (e: olDrawEvent) => { const format: olGeoJson = new olGeoJson(); this.shapeString = format.writeGeometry(e.feature.getGeometry(), { dataProjection:…
Funn_Bobby
  • 647
  • 1
  • 20
  • 57
0
votes
1 answer

OpenLayers how do I stop propagation of pointer in OpenLayers 6

I'm upgrading to OpenLayers 6 and the code that previously worked import { MapBrowserPointerEvent as olMapBrowserPointerEvent } from 'ol/events/Event'; const simpleLineInteraction: PointerInteraction = new PointerInteraction({ …
Funn_Bobby
  • 647
  • 1
  • 20
  • 57
0
votes
1 answer

Why do I need getPointResolution when creating circle polygons in Openlayers?

So I saw an example of creating a polygon circle to scale. That is the actual distance from the point of interest to the how far the radius is. map.on('postrender', function (event) { const { projection, resolution, center, } =…
Arthur Decker
  • 1,191
  • 3
  • 15
  • 45
0
votes
2 answers

Angular HTML is not showing total features from openlayers

I'm building application using Angular and Openlayers. I have a function working on zoomend which gives me a total number of features in the current box. I'm able to get the output in console.log but not in HTML. app.component.ts import { Component,…
0
votes
1 answer

Openlayers - set specific projection for View

How can I set a specific projection for a Map? I am using Openlayers 6 in an Angular 10 context. The map is loaded in EPSG:3857 and I would like to use it via a projection EPSG:28992. Try 1: proj4.defs["EPSG:28992"] = "+proj=sterea…
tm1701
  • 7,307
  • 17
  • 79
  • 168
0
votes
1 answer

Openlayers - transform polygon from a specific projection like EPSG:28992

How can I add a simple polygon with a specific projection to my map? The polygon is valid, I checked before. coordinatesPolygonInRd = [ [ [173563, 441818], [173063, 441818], [173063, 444318], [173563, 444318], [173563, 441818] ] ]; This is…
tm1701
  • 7,307
  • 17
  • 79
  • 168
0
votes
1 answer

Angular/Openlayers6: show a polygon on a map

How can I draw a polygon on a map using Openlayers 6 and Angular 10? My component HTML file is:
The component's styling: .map { width: 100%; height: 100vh; } The component logic: import ... all…
tm1701
  • 7,307
  • 17
  • 79
  • 168
0
votes
1 answer

Find index of OpenLayers array

I'm having difficulty finding the index of this particular OpenLayers array. The array looks like this. Array(7) 0: PinchRotate {disposed_: false, pendingRemovals_: {…}, dispatching_: {…}, listeners_: {…}, revision_: 0, …} 1: PinchZoom {disposed_:…
Funn_Bobby
  • 647
  • 1
  • 20
  • 57
0
votes
1 answer

Implementing geocoder service for OpenLayers map in Angular project

I am working on an Angular project, part of which involves displaying a map with a marker on the given address. I wanted to use the geocoding (and reverse) service from Here, and I followed all the instructions from…
0
votes
1 answer

In OpenLayers why is calculateExtent zoomed out

I am trying to capture the extent of my Map on 'moveend' and it seems that the extent that is being captured is zoomed out quite a bit... idle(event) { function onMoveEnd(evt) { const mapChange =…
Funn_Bobby
  • 647
  • 1
  • 20
  • 57
0
votes
1 answer

Openlayers markers offset (not at the right place)

I am using a Web Features Service (WFS) and I want to display a marker on a OpenLayers map. Extract of WFS's response :
0
votes
1 answer

How to set spider view marker on marker click in open layer map?

I have create open layer map and set markers in map using some dynamic latitude and longitude some latitude and longitude value are same so how open spider view when click on marker let path = this.props.waypts; path.map((lat,index)=>{ …
0
votes
1 answer

How to create custom tiles that fit on a certain extent OpenLayers5

I want to create a custom tile that is a perfect fit on a certain extent. For example, I want to be able to map it on the map at exact spots of an Open Source Map. I saw this example, but it does not explain how the tiles are made and how to make it…
Ashim
  • 877
  • 2
  • 12
  • 22