Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [angularjs]

AngularJS is an open-source web application framework

0
votes
0answers
15 views

Angularjs leaflet polyline / polygon plotting

May I ask how do I plot polyline based on the array I have? I have a nested array that look like this $scope.polyLineCord = [ [ "1.31069258855609,103.848649478524", "1.31138534529796,103....
0
votes
0answers
19 views

Angularjs leaflet can't remove layer

I have 2 function, 1 to add markers and 1 to remove markers. What I am doing to add markers $scope.getMapData = function (msg, passedIndex) { msg = L.layerGroup(); for (var i= 0; i < $scope....
1
vote
0answers
7 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,...
0
votes
1answer
87 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/...
0
votes
2answers
253 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 ...
0
votes
1answer
211 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 ...
0
votes
2answers
54 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 ...
2
votes
1answer
43 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:...
0
votes
1answer
237 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 ...
0
votes
0answers
314 views

Get bounds for image overlay in Leaflet for AngularJS

I'm trying to get the bounds for an overlay (it's a .png image) so that it matches the baselayer map. So I need geographical coordinates for a png image. overlays: { imgLayer: { ...
1
vote
0answers
39 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://...
0
votes
0answers
523 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 ...
1
vote
1answer
558 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 ...
1
vote
1answer
657 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 ...
0
votes
0answers
265 views

Leaflet can't Add Marker after .locate

I can't add marker on map after adding marker on users current location. this.map = leaflet.map("map").fitWorld(); leaflet.tileLayer('https://api.mapbox.com/styles/v1/mapbox/navigation-...
2
votes
2answers
4k 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 ...
1
vote
0answers
112 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 ...
1
vote
0answers
198 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 ...
1
vote
2answers
1k 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 ...
1
vote
1answer
166 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 ...
1
vote
0answers
459 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, ...
2
votes
1answer
409 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 ...
1
vote
2answers
554 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 ...
1
vote
1answer
111 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 ...
1
vote
1answer
1k 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....
1
vote
0answers
122 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 ...
1
vote
0answers
163 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: //...
2
votes
1answer
849 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, ...
1
vote
1answer
2k 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 < ...
1
vote
0answers
138 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 = { ...
4
votes
1answer
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 ...
1
vote
1answer
2k 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 ...
1
vote
0answers
321 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 ...
-1
votes
1answer
390 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.
1
vote
1answer
113 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 ...
0
votes
1answer
1k 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 ...
2
votes
1answer
2k 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 ...
1
vote
0answers
661 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 ...
0
votes
0answers
1k views

OpenLayers map not resizing when fullscreen closes

As a follow up on openlayers-add-eventlistener-for-fullscreen-close, i realized that OpenLayers3 already implemented an updateSize() on exit fullscreen. I've been trying to solve this issue without ...
1
vote
1answer
1k 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 ...
1
vote
1answer
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 ...
3
votes
1answer
1k 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 ...
1
vote
1answer
2k 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 ...
-1
votes
1answer
1k 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 ...
1
vote
1answer
953 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 ...
1
vote
2answers
886 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 ...
3
votes
1answer
256 views

Show Cartodb Maps infowindow on hover programatically

How do i get to show the cartodb infowindow when one hovers over a point? I see that it is possible via the gui but how can one do it via code? what method should i call on the on('featureOver') event?...