Questions tagged [angularjs]

AngularJS is an open-source web application framework

Filter by
Sorted by
Tagged with
0
votes
1answer
27 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
38 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"> <input type="text" value="" id="...
0
votes
0answers
145 views

How to obtain value from input tag in '3D Globe Panel for Grafana' plugin

I am attempting to slightly modify a Grafana plugin that is located here: https://github.com/satellogic/grafana-3d-globe-panel In essence, I need to create some additional fields in the editor.html ...
0
votes
0answers
15 views

Need to add ArcGIS REST data layers to MAPDOTNET UX RIMimMap control

I'm supporting an already-delivered product (in AngularJS, that I didn't write) which uses the MAPDOTNET ui.rimMap control (https://downloads.easyterritory.com/register/MapsJS/docs/isc.rim.widget.js....
1
vote
0answers
103 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
499 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
569 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
664 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
173 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
74 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
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 ...
1
vote
0answers
41 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
766 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
1k 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
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 ...
2
votes
3answers
9k 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
175 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
301 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
2k 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
363 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
653 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
577 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
860 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
171 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
2k 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
163 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
220 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
1k 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
4k 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
202 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
447 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
503 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
136 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
3k 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
749 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 ...
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
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
3k 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
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
974 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
259 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?...