Questions tagged [typescript]

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript

Filter by
Sorted by
Tagged with
2
votes
2answers
961 views

Using OpenLayers 5.3 in TypeScript without Node.js

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 ...
0
votes
1answer
24 views

Unable to insert geometry point using TypeScript and MassiveJS

I am trying to simply trying to validate a point before I actually insert it into the db. I am using the following: TypeScript: 3.5.2 MassiveJS: 6.4.0 PostgreSQL: 11 PostGIS: 2.5 const ...
1
vote
1answer
42 views

How to get the co-ordinates of the clicked point using 'ol/Draw' in OpenLayers 6?

I am trying to create a measure tool using OpenLayers 6. I did get examples to measure distance and area using the ol/Interaction/Draw and ol/geom library classes. I want also to measure the ...
1
vote
1answer
20 views

How to unset an event listener in OpenLayers 6?

I am trying to use '.un' to unset the 'single-click' event listener. I have tried all the ways available. How can I do this? measurePoint() { const that = this; this.mapObj.on('singleclick', (e) =...
1
vote
1answer
188 views

Smooth line animation on map

I tried to produce a smooth line animation with below code. How can I do this? I used OpenLayers with Angular. It works as a drawing line but I want more smooth movement something like this (http://...
1
vote
0answers
55 views

Add custom types typescript 3

The current behavior: I migrated from @types/openlayers": "4.6.17" to "@types/ol": "5.3.6" and I don't find the function getVectorContext(event) in ol/render so I added it manually to render.d.ts but ...
1
vote
0answers
97 views

Draw and GeometryFunction (OL5 - Typescript)

I'm trying to update my OL3 code (javascript) in OL5 (typescript) and I don't know how to fix this "GeometryFunction". Do you know how to build the GeometryFunction object? var myDraw = new Draw({ ...
0
votes
0answers
30 views

Adding local data to popupTemplate in ArcGIS JavaScript?

I would like to add drone.latitude, drone.longitude and track to fieldName, but I can't find a way to do it. This is what I have tried so far for the track parameter, but nothing shows up. This is ...
0
votes
0answers
1k views

How to render values onClick() event in componentDidMount()

I am using OpenLayer library and I need change values in ComponentDidMount() but when I am clicking it does not affect. I have used forceUpdate(). handleDisable = () => { this.setState({ ...
1
vote
0answers
122 views

OpenLayers getText() from style function

I have a feature with a label set via feature.style.text. In my unit tests, I need to grab the value of the label. Normally I would use getStyle().getText().getText(). However, in the example below ...
3
votes
2answers
3k views

How to filter a vector layer in openlayers?

I'm using openlayers (v3.20.0) in an angular 2 project. I have a vector layer which has its source bound to a geoserver. My task is to filter the features displayed in this layer. I have a ...
0
votes
1answer
1k views

“L.Proj is undefined” error when using Proj4Leaflet in Angular 5

I am facing the error "ERROR TypeError: Cannot read property 'CRS' of undefined" caused by L.Proj being undefined. Here what I did : I added Leaflet, Proj4 and Proj4leaflet packages using npm ...
2
votes
1answer
1k views

Map container is already initialized

In Leaflet, I want all my markers to be hidden at the same time and show on the click of a checkbox. Here is my code: var cordnt=this.coordinates; var overlayMarker = {}; console.log("testing ...
1
vote
0answers
469 views

Getting ArcGIS API for JavaScript to work in Typescript application using Webpack?

I am trying to incorporate the arcgis-js-api into an Angular2/Typescript application I am developing in Visual Studio 2017 using Webpack. I have not been successful in getting it work. I've gone ...
1
vote
0answers
124 views

WFS typescript/angular 4

Is there a WFS library that will work with typescript or angular 4 I would like the access a WFS server without showing a Map on the page so I dont think openlayers will work for me.
1
vote
0answers
341 views

OpenLayers with TypeScript events

I'm getting some problems using openlayers with TypeScript, there are some errors in the .on use, can you help me giving some tips? Argument of type '(event: Event) => void' is not assignable to ...
1
vote
0answers
300 views

Feature is undefined when click on map

I try to get feature from map that I add route and marker already but when I click at it. I get nothing from it. Do I miss something? I used typescript(angular 4) this is map declare: ngOnInit() { ...
2
votes
0answers
412 views

Openlayers 4 - Load WMS image source require authentication

I try to load WMS image layer with openlayers 4.6 and angular 5, the code is: const syr_layer = new ol_layer_Image({ source: new ol_source_ImageWMS({ url: 'serverurl', crossOrigin: 'anonymous'...
2
votes
1answer
427 views

OpenLayers setMap function is removing controls I have added

I'm trying to extent Ol.Control with my own controls, like this: class ZoomHistory extends ol.control.Control { constructor(opt_options) { var options = opt_options || {}; ...
1
vote
1answer
536 views

OpenLayers 4 - Preserve geometry shape when modifying

Using the ol.Draw interaction and ol.interaction.Draw.createBox() geometry function we can draw a regular rectangle: let geomFunction = ol.interaction.Draw.createBox(); let draw = new ol.interaction....
1
vote
1answer
1k views

How to replace the leaflet-draw toolbar by buttons outside the mapDiv

I did quit research to move the bar out of the leaflet map. So what I did basically is that I created 3 buttons outside the map Div: Draw Polygon Delete Edit I binded events to the draw Polygon ...
0
votes
1answer
2k views

openlayers 4 cannot add vector source

I'm trying to add a vector layer from vector source , but getting error like this AppComponent.html:1 ERROR TypeError: this.adaptAttributions_ is not a function at Object._ol_source_Source_ (...
1
vote
1answer
2k views

Animate marker in OpenLayers 3

I have been trying to find a marker animation plugin for OpenLayers to sync lat, lon, and time data along a track like this (in Leaflet): http://leafletplayback.theoutpost.io/examples/example_2.html ...
1
vote
0answers
631 views

cannot append a featureCollection in typescript

I have the following interfaces: export interface Feature<T extends GeometryObject> extends GeoJsonObject { type: 'Feature' geometry: T; properties: any; id?: string; } export ...
1
vote
0answers
432 views

OpenLayers change:rotation not called

I am using ol-cesium and I want to receive an event when the map is rotated. So my approach is to use the change:rotation event of the ol.Map, but it is never called. this.map = new ol.Map({ ...
2
votes
0answers
1k views

OpenLayers and Ionic 3 | tileLoadFunction not working

I am building a simple map app with the Ionic 3 framework. I am using OpenLayers 4.0.2 as the map api. It has been going great until I tried implementing a custom tileLoadFunction for the basemap ...