Questions tagged [angularjs]
AngularJS is an open-source web application framework
51
questions
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({
...
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-...
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 ...
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 =...
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).
....
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....
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 ...
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 ...
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">
&...
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,...
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/...
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 ...
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 ...
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 ...
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:...
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 ...
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://...
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 ...
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 ...
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
...
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 ...
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 ...
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 ...
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 ...
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 ...
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, ...
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 ...
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 ...
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 ...
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....
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 ...
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:
//...
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, ...
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 < ...
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 = {
...
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 ...
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 ...
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 ...
-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.
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...