Questions tagged [angularjs]

AngularJS is an open-source web application framework

Filter by
Sorted by
Tagged with
1 vote
0 answers
30 views

Callbacks not getting fired for simple interactions in OpenLayers

We're trying to listen for the PinchZoom interaction but we're not getting nothing in the callback. Creating the map this.map = new Map({ target: 'map', layers: [ new TileLayer({ ...
user avatar
  • 111
0 votes
0 answers
40 views

Changing style of marker on hover and moving in OpenLayers?

There are a some places marked on the map by click. I need to add style when user hover the marker and when moving it. I tried this way (using Selection object): https://stackblitz.com/edit/angular-...
user avatar
  • 37
1 vote
1 answer
265 views

Update custom control field on data updated in Leaflet

I have some snippets down there, I need to update a specific field according to subscription data but when I call my createControl function it renders new control not updating here is create control ...
user avatar
4 votes
1 answer
193 views

Fetching GPS point data from a REST service endpoint using jQuery/AJAX and displaying them as tracks on an OpenLayers map

How do I structure this ajax call to receive GPS point data from a REST service point and display the points as tracks on an OpenLayers map. So far I have the following code; dataProvider.requestJSON =...
user avatar
  • 53
1 vote
0 answers
209 views

How to add and delete the Leaflet OpenStreetMap dynamically

I have to place the Leaflet maps to be placed in the bootstrap grids (maps has to place dynamically with the number of elements coming from the backend i.e number of elements = no of Leaflet maps). ....
user avatar
  • 11
1 vote
1 answer
124 views

Limiting search result to country using ArcGIS API for JavaScript integrated with Angular

I want to restrict my search results to a specific country (NZ) with ArcGIS Javascript/Angular API. I am using Angular for this project: mygis.component.ts async ngOnInit() { await loadCss('https://js....
user avatar
0 votes
0 answers
136 views

LineString Heatmap with Open Layers 3

I need to make a heatmap with a bunch of linestrings using AngularJS and Open Layers 3. I didn't find any examples, just a question answered here but that don't worked for me. In the question he do a ...
user avatar
0 votes
1 answer
352 views

How to replace http for https before DOM Construct on load KMZ file with ArcGIS API JS

I have an application and it is loaded with https, this application loads a map with a KMZ file, and the content of that file has external reference to a PNG image that is loaded with http. This ...
user avatar
  • 123
3 votes
1 answer
574 views

Making a popup (which is a DIV containing a panel consist of textbox and a button) to float within the map DIV only

The HTML for the popup is: <div id="commentBox" class="commentBox"> <div class="panel panel-default"> <div class="panel-body"> &...
user avatar
1 vote
0 answers
225 views

AngularJS Leaflet plot and remove markers via options

I have something that look like below, and when a user clicks on "View on Map" it changes to "Remove Markers". So the problem I am having now is that, when a user clicks on all three View on Map items,...
user avatar
0 votes
1 answer
1k views

Showing attributes/labels from KML in Google Maps?

I have converted my cover, it is said (from archived .shp to .kml) in QGIS and this is the way it is read in angular: this.kmlLayerc1= new google.maps.KmlLayer({ url: 'http://direccion/carpeta/...
user avatar
  • 1
0 votes
2 answers
642 views

CSVLayer doesn't show HeatMap in Angular 6

I am using ArcGIS JavaScript 4.8 API and I have integrated the CSVLayer to an Angular 6 application but it is not showing up any heat map. The legend shows that it is getting renderer data and heatmap ...
user avatar
  • 123
0 votes
1 answer
926 views

Displaying animated data over time with the Google Maps API and JS

I'm building an app using Google Maps API and AngularJS. I've managed to display data both as pointers, clusters and heat maps and to reload the maps in real time when the data changes. Now I was ...
user avatar
0 votes
2 answers
333 views

Geojson en JavaScript [closed]

Google translated: I'm trying to read a geojson file to get the coordinates, but in this case I'm reading it as json but it sends me error (access-control allow origin). This is the structure of my ...
user avatar
2 votes
1 answer
95 views

Converting lats and longs to centerpoint in ArcGIS API for JavaScript?

I'm working on a angular 2 website using the Arcgis API 3.24. I'm fairly new to ESRI and I was wondering how I could convert a extent that has values of spatialReference : {wkid: 4326} xmax:...
user avatar
1 vote
1 answer
3k 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 ...
user avatar
1 vote
0 answers
44 views

WFS in OpenLayers4 returns data but doesn't display any [duplicate]

I can't get this WFS to work. I tried to stick to the OL-WFS examples - no luck. let vectorLayer = new ol.source.Vector({ format: new ol.format.GML(), url: function(extent) { return 'https://...
user avatar
  • 181
0 votes
1 answer
1k views

Importing Leaflet Draw NGX for angular 4

I followed the steps from the main git: https://github.com/Asymmetrik/ngx-leaflet first I installed the required libraries (leaflet, leaflet-draw, leaflet-ngx, and leaflet-draw-ngx) then I declared ...
user avatar
  • 303
1 vote
1 answer
3k views

Leaflet tooltip classname not applying

I am trying to overwrite the styling of the leaflet tooltips on a map but it does not seem to use my CSS style. I am using angular and electron but as far as I know neither should cause any changes to ...
user avatar
1 vote
1 answer
3k 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 ...
user avatar
3 votes
3 answers
18k views

how to remove previous marker automatically before adding new marker

I am using ui-leaflet on my ionic 1 mobile app which is the same as angular-leaflet-directive shown in the plunker link. I am getting the user location and adding it to the marker and circle in the ...
user avatar
  • 131
1 vote
0 answers
407 views

How to load point on map on change of input value

I am new in OpenLayers. I am trying to map my address location on map by pointing. So I have one input field on change of input field I will get latitude and longitude value and then I will store that ...
user avatar
  • 11
1 vote
0 answers
391 views

Relating Polygons to Results in AngularJS & Leaflet

I am using Lealfet.draw tools for creating polygons and then fetching results from a database based on the coordinates of those polygons. I want to be able to relate each polygon to it's ...
user avatar
  • 325
1 vote
2 answers
4k views

Removing tool from Leaflet Draw

I am using Leaflet draw for adding Draw toolbar to my leaflet map. I am using angular leaflet directive to add the map. I want certain elements of the draw toolbar to be removed, specifically (line ...
user avatar
  • 325
1 vote
1 answer
790 views

Displaying results through polygon tool on Leaflet map using event listeners

I have certain documents residing on within my database. Currently i am able to display their Geojson on the map by drawing a polyogon within a certain area and then clicking on a button but i want to ...
user avatar
  • 325
1 vote
0 answers
1k views

Select multiple choice of marker - leaflet draw angular 2

I want to create a function that can select multiple choice of marker like Mapmarker National Geographic using a leaflet draw component. I already created a toolbar that the user can draw polylines, ...
user avatar
  • 111
2 votes
1 answer
816 views

OpenLayers 3 geolocation update

I'm having an issue with geolocation from OpenLayers. I used the example from http://openlayers.org/en/latest/examples/geolocation.html It works fine until I leave the page I'm on and then try to ...
user avatar
  • 48
1 vote
2 answers
1k views

Leaflet Layer Controls

I have been searching, but have not found a way to do this... I have several 'generic' layers that I want to show in my Control for users to toggle on and off... That works fine. However, I would ...
user avatar
  • 143
1 vote
1 answer
232 views

My added shapefiles appear behind the base layers?

I'm working with angular openlayers directive and geoserver. In my map.controller.js i have added four layers as base maps in a variable i've named layers, with a function to allow changing between ...
user avatar
2 votes
1 answer
4k views

Displaying bounding box array on leaflet map

I have a set of bounding box arrays which I want to display over leaflet map in my application. The arrays look something like this with the bounding box co-ordinates in it: Array[4] 0: -2....
user avatar
  • 325
1 vote
0 answers
227 views

Get lattitude and longitude from geotiff file in javascript

I need to get lattitude and logitude (geo location) information from geotiff files in javascript. I am currently using angular 1.x technology to develop geo friendly application. Please let me know ...
user avatar
1 vote
0 answers
271 views

CORS issue with OpenLayers3 getGetFeatureInfoUrl [duplicate]

In an Angular directive I'm trying to create an Information tool with OpenLayers 3 using the getGetFeatureInfoUrl method. I've set up a function which is using $http to return the info as JSON: //...
user avatar
  • 125
2 votes
1 answer
2k views

Add touch events to leaflet

I am developing an application that collects data by drawing on the map different shapes. I am usinf LeafletJS and ionic framework, when I test the application on the computer browser it works fine, ...
user avatar
  • 133
1 vote
1 answer
5k views

Clearing Map Polylines using a Loop

My problem is, I tried this solution in order to clear the polylines on the map. Here's some code for your reference: var line; $scope.clearPolylines = function(){ for(var i = 0; i < ...
user avatar
  • 13
2 votes
0 answers
238 views

Binding angularjs inside leaflet path message

I am trying to bind angular attributes inside to angular leaflet directive's path message.But I couldn't do it.my code is below. As you see, it doesn't apear my $scope value. $scope.pth = { ...
user avatar
4 votes
1 answer
1k views

How to get selected OL3 feature properties with AngularJS ($scope.$watch)

I want to display feature properties that have been selected in an OpenLayers3 map. I am using AngularJS and try to update the currently selected feature properties using $scope$watch. I have a ...
user avatar
  • 2,132
1 vote
1 answer
3k views

Realtime in Leaflet with Socket.io

I'm trying to get events on the client side and showing changes (new markers) in realtime on a leaflet map with socket.io. The problem is in defining data that comes from socket.. I don't know the ...
user avatar
1 vote
0 answers
566 views

Lag OpenLayers map when I add two layers

I'm writing a directive that controls OpenLayers 3 map. The problem arises when I want to add two layers. For example KML layer and GeoJSON layer. Map then does not work smoothly. You can only zoom ...
user avatar
-1 votes
1 answer
647 views

GetFeatures from WMS using angular-openlayers-directive

How do I get features from a WMS layer using angular-openlayers-directive? I've been trying to figure that out, but can't find a way to do it.
user avatar
1 vote
1 answer
199 views

OpenLayers zooming to a 5x5 degree section on double-click

Here is the high level description of what I'm trying to do. When the user double-clicks on the map I want to map to zoom to a 5x5 degree grid around the point they clicked on. I want to in essence ...
user avatar
0 votes
2 answers
2k views

How to add extent to OpenLayers map in AngularJS

I am using AngularJS and angular-openlayers-directives to make a simple map, now I saw this simple example online HERE. I just wanted to modify the code, to add an extent so that layers beyond a ...
user avatar
2 votes
1 answer
5k views

Zoom to GeoJSON point feature in leaflet

I'm relatively new to Web Mapping and trying to develop a litte Application with Angular JS and the angular-leaflet-directive. In this application I will work with a GeoJSON point layer representing ...
user avatar
  • 43
1 vote
0 answers
771 views

Problem with my google map, place search with a text bar

I am doing a small project with google maps api, I am trying to locate all the interesting services around me. For example, i want to search "restaurant" then it will shows all the restaurant near me ...
user avatar
  • 11
2 votes
1 answer
2k views

Moving geom.Polygon.circular in OpenLayers 3

I'm using Angular and OpenLayers to build an web-app. I have a map which is working and I have added a Vector (icon) which is also working. I have made a circle with the same center as the icon which ...
user avatar
1 vote
1 answer
4k views

Add/Remove markers

I'm trying to add/remove markers to a leaflet map. I have 6 checkboxes, what i want is that when I check any of them show the points in the map, and when uncheck one of them the only to remove is the ...
user avatar
  • 113
3 votes
2 answers
3k views

OpenLayers Add EventListener for Fullscreen close

I'm currently building a web-app with Angular and OpenLayers. Due to the nature of my site I need to call map.updateSize() when the screen changes size which works as expected. However when I enter ...
user avatar
1 vote
1 answer
4k views

Leaflet Marker Cluster from GeoJSON

I've created marker cluster in this example and now I want to show the same thing with data from GeoJSON, but it doesn't work. I'm trying to reproduce same situation in this example, but marker ...
user avatar
0 votes
1 answer
2k views

Using Configurable Map Viewer with Angular Application?

I have Angular JS application with WEB API RESET service i tired to take sample from CMV Viewer and applied some feathers like search , print, legend and included many layers from Our oracle DB my ...
user avatar
  • 21
1 vote
1 answer
1k views

Google Maps click event does not work on mobile devices

I created a map using Google Maps API with Angular Material libraries (https://material.angularjs.org/) After I upgraded Angular Material from 0.70 to 0.82, I found the info window did not show up by ...
user avatar
  • 77
1 vote
2 answers
1k views

CartoDB Runtime Layers with Angular

Has anyone ever tried adding a CartoDB runtime layer to a leaflet using an Angular Directive or angular-leaflet-directive (Leaflet Javascript Library)? I tried this, which does not throw errors but ...
user avatar
  • 281