Questions tagged [angularjs]
AngularJS is an open-source web application framework
48
questions
4
votes
1answer
133 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 =...
1
vote
0answers
60 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).
....
1
vote
1answer
70 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....
0
votes
0answers
88 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 ...
0
votes
1answer
260 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 ...
2
votes
1answer
507 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">
&...
1
vote
0answers
177 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
884 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
628 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
877 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
281 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
90 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:...
1
vote
1answer
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 ...
1
vote
0answers
43 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
1answer
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 ...
1
vote
1answer
2k 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
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
...
3
votes
3answers
16k 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
303 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
373 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
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 ...
1
vote
1answer
637 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
886 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
765 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
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 ...
1
vote
1answer
205 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 ...
2
votes
1answer
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....
1
vote
0answers
187 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
270 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
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, ...
1
vote
1answer
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 < ...
2
votes
0answers
226 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
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 ...
1
vote
0answers
536 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
611 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
184 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
2answers
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 ...
2
votes
1answer
4k 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
759 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 ...
2
votes
1answer
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 ...
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
2k 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
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 ...
0
votes
1answer
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 ...
1
vote
1answer
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 ...
1
vote
2answers
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 ...
3
votes
1answer
260 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?...
