-
Notifications
You must be signed in to change notification settings - Fork 379
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Not fully rendering Map and markers #157
Comments
Hi @ximet, You need to import the css from leaflet into your project.
Hope this helps, Mickaël |
@KoRiGaN I added this styles, and have the same issue |
Hi @ximet, Do you have a project where I can see/reproduce this issue? |
@ximet I added |
Closing this issue as no comment for 3 weeks, Micka |
I have the exact same issue. I didnt have an issue until I did a big update since christmas. It might have been the new 1.0.1 version. Same issue in 1.0.1 and 1.0.1. Some tiles show and are in different orders. Tried debugging it but does not show up any errors. When I include the css file then now tiles show. There might be a conflict some where. Vue2Leaflet: 1.0.1 and Leaflet.js: 1.3.1. This is a basic project with just vue2 leaflet added. I am I missing some in the setup? |
Same here as @martinnaughton above. |
I found that adding |
TL;DR: height of map must be in pixels,em or vh not in % I found the solution. First add to main.js:
then the thing is that
|
I can confirm that fixed the issue when doing both changes. Not sure how the example works then with version 1.0.2? |
Does anyone by chance know how to get the markers working when using codesandbox.io ? The 'require' statements to patch things up are resolving to the content of the full images..
|
In my case fix this:
|
I made it work by doing these two changes -
|
Hey, I am still getting this same issue even after importing CSS. I am trying the code from here: https://github.com/KoRiGaN/Vue2Leaflet/blob/master/examples/src/components/Simple.vue. How can I fix this? |
This is usually the result of missing or not properly imported CSS. How are you importing the CSS? Can you provide us with code or even better a code pen? @RamizSami |
Hey @lordfuoco this is my vue file: |
@RamizSami Hi!
Your style is scoped, your import is going to be scoped, and since leaflet is not part of your component the css is not going to reach it. Solution: if is okay remove scoped from the style block. |
Hey thanks! It worked after removing 'scoped' |
Closing this since is solved |
For me it was a problem of height of the map. I put height:inherit and it works |
leaflet inside vuetify component
problem solved for me |
Removing any height and width expressed in percentage worked for me too. |
i noticed the Vue2Leaflet doesnt render well with Tailwindcss in the project |
Anyone else having this problem with vuetify? |
This problem solved for me too |
i tried everything and cannot make this work. i tried adding i don't know what to do... EDIT : i did it, honestly i don't know how... |
same issue |
It was not fully loaded might be due to rendering problems. Map.vue
|
This work for me, thanks! |
Have the problem with map: not fully rendering Map.
My application work using vuejs-templates and vue-loader. And I found some problem with webpack and Vue2Leaflet, after that I add to my main.js next lines:
And after that, I have the same issue.
My component:
Result rendering map:
Question:
How it fix? @KoRiGaN do you have any ideas?
The text was updated successfully, but these errors were encountered: