Stack Overflow
Stack Overflow

Questions tagged [ui-leaflet]

AngularJS directive for the Leaflet Javascript Library.

This directive allows you to embed a map on your AngularJS application and interact bi-directionally with it via the AngularJS scope and the leaflet map library API.

20 questions
3
votes
1 answer

ui-leaflet Heat Plugin conflicts with ui-leaflet-draw for microsoft browsers

I have an AngularJS (1.58) webapp showing some maps with ui-leaflet. I have integrated the Leaflet.Heat Plugin, successfully. Also, I have integrated the Leaflet.Draw Plugin successfully. Problem: The moment Im using both Plugin, Heat and Draw, my…
MojioMS
  • 1,583
  • 4
  • 17
  • 42
2
votes
1 answer

Leaflet circleMarker event not working when used along with leaflet.heat

I am using ui-leaflet for our angular project. We also have leaflet.heat to create heat maps. The issue is whenever the data is updated the event on circle markers stops working. Other minor issue I am facing is the heat map doesn't update unless I…
user2532865
  • 119
  • 1
  • 10
2
votes
1 answer

Incorporating time slider with leaflet

I'm very new to using leaflet and javascript. I'm trying to implement a time slider using leaflet. I've had a look at 1) https://github.com/dwilhelm89/LeafletSlider, 2)…
Lukasz
  • 2,476
  • 10
  • 41
  • 51
1
vote
1 answer

Here Maps configuration with ui-leaflet

I am trying to setup Here Maps using ui-leaflet and ui-leaflet-layers. Here is how I wrote the layer. The map container is loaded but there no map. Can you please help with this? Thanks. layers: { baselayers: { hereMapsLayer: { …
Arix OWAYE
  • 31
  • 7
1
vote
1 answer

How to use ui-leaflet and Markercluster to change color of markercluster?

I have to create a non-default markerCluster color. I have checked the API and it seems that they suggest modifying a divIcon after creation (I believe, I am learning Leaflet, ui-leaflet, MarkerCluster all at the same time) to something like…
jsNoob
  • 139
  • 1
  • 10
1
vote
0 answers

Ignored attempt to cancel a touchstart event with cancelable=false warning on click and drag events

Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted. I keep getting this error message when trying to click or drag the map. double tap works fine…
Nicholas Tsaoucis
  • 1,381
  • 2
  • 17
  • 39
1
vote
1 answer

how to add a rectangle on an ui-leaflet map in angular1 programmatically

in HTML my map is defnied as this in the controller, I expand the angular scope, to define bounds and layers. I dont know how to access the leaflet map,…
MojioMS
  • 1,583
  • 4
  • 17
  • 42
1
vote
1 answer

LEAFLET (interactive maps) - Markers with Custom Icons with Spring MVC Framework (Static content)

I am using leafletjs inside a Spring MVC Framework app. I want to use custom Icons using costum images for different icons. This is the hierarchy of my project: webaapp --- core -------- css -------- js -----------images (leafletjs…
Nuñito Calzada
  • 4,394
  • 47
  • 174
  • 301
1
vote
1 answer

Popups not working properly with circle marker

I'm facing an issue with the circle marker in ui leaflet plugin. When ever a some one clicks on a circle im getting the popup but if I click outside the circle in the map and then try clicking circle again the popup is not coming up. Can you please…
Umamaheswaran
  • 3,690
  • 3
  • 29
  • 56
1
vote
1 answer

How do you get the map to Pan using ui-angiular?

I'm using ui-angular but I'm I cant figure out how to get the map to panTo a new location. I understand how it would work it I was just using Leaflet.js but because this is a directive I don't understand what object I'm supposed to use to interactie…
Showcaselfloyd
  • 790
  • 7
  • 28
1
vote
0 answers

Mapbox Matching API switched coordinates

Edit: I reformatted the question as it was pointed out to me that the problem is not in the Mapbox API. As of a few days ago an application using mapbox matching API coupled with leaflet.js started drawing polylines on the other side of the…
Dormage
  • 45
  • 1
  • 7
1
vote
1 answer

TimeSlider Plugin and Leaflet - Markers not appearing in order

Updated with a JSFIDDLE link I am using LeafletJS to build a web map with a timeline slider. I am using the LeafletSlider plugin to show a group of markers based on a GEOJSON property named DATE_START. Here's an example of what my data object looks…
redshift
  • 4,815
  • 13
  • 75
  • 138
0
votes
0 answers

Polygons can't be clicked after updating leaflet js to 1.x.x

I am using leaflet js + ui-leaflet for an application. I updated my leaflet js version from 0.7.7 to 1.0.0. Now my Polygon paths have become unclickable. I have tried providing the interactive, clickable and bubblingMouseEvents flags when providing…
jazyac
  • 3
  • 2
0
votes
1 answer

How can I get a drawn Object from a map leaflet draw using angular?

I am using angular leaflet, leaflet-draw and I am trying to get a circle (or other drawn object) object to see if a point on the map appears within it overtime. I need to use it in a separate service. How can I access the data for an object…
jsNoob
  • 139
  • 1
  • 10
0
votes
2 answers

How do you get the markers in the map object / using ui-leaflet

I'm trying to write a popUp function but I can't seem to figure out how to bind anything to the markers on my map. I've been trying this for…
Showcaselfloyd
  • 790
  • 7
  • 28
1
2