Vue components for LeafletJS. Homepage.
Questions tagged [vue2leaflet]
47 questions
1
vote
0 answers
How to set a Class in a vue2leaflet polygon?
How can I set a class in a vue2leaflet component? I made a rectangle in a sample and I tried to set another class to it, so I wrote class = "myClass" and :class="myClass" in the tag and it doesn't work, I've ispected the rectangle with the browser…
Leonardi
- 43
- 1
- 6
1
vote
0 answers
How use Leaflet.awesome-markers in a VUE SPA using vue2-leaflet
I would like to insert “custom” markers into a vue2-leaflet component and I found a very interesting library leaflet.awesome.marker that is fitted for the scope but I don’t know how to import an external library such as this into VUE and how/if it…
EanX
- 475
- 4
- 21
1
vote
1 answer
How to overwrite the icon when using vue2-leaflet-markercluster (singleMarkerMode)?
When using a icon in singleMarkerMode, it will not work properly
link
But when remove
JustFun2020
- 121
- 2
- 7
1
vote
1 answer
Rendering a vue2leaflet map in jsfiddle via CDN
I am trying to render a Leaflet map using Vue2Leaflet in a jsfiddle so I can get help with a specific problem but I can't even get it to render properly in the trivial case. I have already looked up how to load libraries via CDN in jsfiddle and a…
wfgeo
- 2,716
- 4
- 30
- 51
1
vote
4 answers
How to display leaflet map properly on NuxtJS
I'm using NuxtJS and I use the library https://vue2-leaflet.netlify.app but the map doesn't show up properly. Here's my code, and a screen of the result :
map.vue :
Bernard
- 155
- 1
- 10
1
vote
1 answer
How to detect map container resize due to slow loading image?
I am creating an app with a Leaflet map in Nuxt using Vue2Leaflet plugin.
I am having a problem though: I am using Bootstrap columns to size the map and accompanying image, but the image loads too slow (this cannot be resolved at this time), so the…
solidau
- 4,021
- 3
- 24
- 45
1
vote
1 answer
Vue2Leaflet is not placing custom Icon in the map
I have tried several examples but result is broken image or default icon
Rajath
- 2,611
- 8
- 27
- 43
1
vote
1 answer
Use mapbox as a provider for VGeosearch
I try to use mapbox as a provider for VGeosearch
My use case is when the user is chinese I need to instantiate a map with mapbox (for coordinates rules) and in other cases used Google maps, all this with Vue2-leaflet
So, my code :
Vue template…
Shadam
- 1,041
- 13
- 25
1
vote
1 answer
Cannot load pixiOverlay in leaflet through vue
My leaflet maps were rendering too slow, I found pixiOverlay an alternative for that but I just cant make it run. Any example would help.
following is my component
majid
- 75
- 6
1
vote
2 answers
How to recenter vue2-leaflet map in vue on button click
I have created leaflet map with readily available vue component 'l-map' imported from 'vue2-leaflet.
Now I want to recenter the map on button click but I do not know how to gain access to 'map' object (as shown in many examples with functions like…
Yogesh Vadekar
- 119
- 2
- 9
1
vote
1 answer
Vue Router not working properly in Leaflet Popup
I am using the vue2-leaflet wrapper in my codebase to get Leaflet and Vue together. Currently, I am having an issue where I am trying to get Vue $router to work inside of Leaflet's popup. This is what my code looks like right now with the attempts…
Joey
- 1,724
- 3
- 18
- 38
1
vote
1 answer
Extracting coordinates from vue2-leaflet-draw-toolbar
I'm using the vue2-leaflet-draw-toolbar plugin to draw shapes on the map, does anyone know how to get the coordinates of the drawn shape?? I'm trying to use this data to trigger an event when a marker leaves these areas.
gmdev
- 11
- 3
1
vote
1 answer
How to integrate leaflet-search plugin to my vue2-leaflet project?
I’m new to Vue and I’m developing a map application with vue2-leaflet. I would like to add a search box to my application to locate markers on my map, I found this leaflet plugin leaflet-search which is just the functionality I’m looking for, but I…
Ariana Rubí
- 73
- 11
1
vote
1 answer
Google Maps cssRules issue after take a screenshot
I have a pretty weird problem that I can't solve. The point is that I display Google maps via the Vue2Leaflet.
And when creating a screenshot of the Google map, it throws me an error due to CSS Google fonts.
Plugin for Google Maps into Leaflet:…
miko866
- 182
- 2
- 9
1
vote
1 answer
Invert Y axis of L:CRS.Simple map on Vue2-Leaflet
I am developing a map application using L.CRS.Simple of Vue2-Leaflet, and I want to invert the y-axis of my map as explained in the Leaflet documentation. I found a similar question here, and it seems my problem is the same, so my question is: how…
Ariana Rubí
- 73
- 11