search

soal / vue-mapbox

Vuejs 2 components for interacting with mapbox-gl-js
https://soal.github.io/vue-mapbox
MIT License
472 stars 147 forks source link

marker is running around with zoom #37

Open yipcma opened 6 years ago

soal commented 6 years ago

Can you provide some additional info or code examples? I don't understand what you really mean.

santiblanko commented 6 years ago

The component have cluster function?

soal commented 6 years ago

By default no as in Mapbox GL JS. But you can use Supercluster. Article about it

fdhenard commented 6 years ago

@yipcma I think I figured out what's causing this. Originally I installed the latest mapbox-gl which was 0.46.0-beta.1, and was getting that behavior. I installed mapbox-gl@0.45.0, and it seems to have fixed that.

soal commented 6 years ago

@fdhenard 0.46 is released now and I added new features (like marker dragging) in vue-mapbox 0.0.28. I didn't notice any issues, can you check it now, plz?

yipcma commented 6 years ago

@soal on mapbox-gl@0.46 and vue-mapbox@0.29 still happening, see screencast recording here http://g.recordit.co/st4lUf1pO1.gif

jay7793 commented 6 years ago

I have the same problem with you in using this package on Nuxt.js, But I resolved the problem by adding <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.46.0/mapbox-gl.css' rel='stylesheet' /> to the index.html or Nuxt.js adding the code below to nuxt-config.js file.

link: [
      {
        rel: 'stylesheet',
        href: 'https://api.tiles.mapbox.com/mapbox-gl-js/v0.46.0/mapbox-gl.css'
      }
]
vinayakkulkarni commented 5 years ago

Better option with Nuxt is you can have the css in the css: [] of nuxt.config.js

  /*
  ** Global CSS
  */
  css: [
    'mapbox-gl/dist/mapbox-gl.css',
  ],
arunasank commented 5 years ago

Also struggling with this on a vue/webpack/nodeJS project.

horikx commented 5 years ago

Also struggling with this on a vue/webpack/nodeJS project.

Have you included the Mapbox gl CSS file?