Vuejs 2 components for interacting with mapbox-gl-js

Last update: May 16, 2022

VueMapbox Build Status npm version

Combine powers of Vue.js and Mapbox Gl JS

Vue-mapbox is wrapper around Mapbox GL JS library that provides vueish-way to interact with the map.

Description and documentation

Size

~ 15 kB minified and gzipped

Browser compatibility

Coming soon

Development

git clone [email protected]:soal/vue-mapbox.git
cd vue-mapbox
npm install

Running in dev mode:

npm run serve

Build for production:

npm run build

Documentation

Documentation use VuePress 1.0. Documentations source palced in docs_source directory and builds into docs directory

Start documentation site in development mode:

npm run docs:serve

Build documentation:

npm run docs:build

Inspired by KoRiGaN's Vue2Leaflet.

License

MIT

Contributing

Just fork development branch and create PR when your work is done. Please ensure you are not added dist files.

GitHub

https://github.com/soal/vue-mapbox
Comments
  • 1. Map tiles mostly disappear on zoom of standard map

    I can post all the code, but it's really just the standard setup of the basic map. I've never encountered this with other mapbox maps:

    mapbox_weird

    Appreciate any ideas of what might be going wrong. I can pan around on the initial zoom level and everything is fine, but as you can see in the recording, once I zoom in, the map gets weird-

    Reviewed by chriszrc at 2018-12-25 02:31
  • 2. Failed to mount component

    Hello,

    I am currently looking into using this component/library, but I am running into a major issue:

    When I have installed and "used" the component, all I get the my console.log when I view the page, is this error message: "Failed to mount component: Template or render function not defined"

    Would you happen to have an idea of why this happens? When I try to downgrade, it doesn't fix it either. I am using the latest version, v.0.1.1

    Reviewed by jebkor at 2019-01-16 10:11
  • 3. Add click, onMouseEnter and onMouseLeave events to markers

    Hello !

    Any plan on implementing the onMouseEnter, onMouseLeave and onClick events on marker ?

    How it would work :

    
    <template>
         <mgl-map ... >
             ...
            <mgl-marker :onMouseEnter="markerMouseEnter" ... >
                ...
            </mgl-marker>
        </mgl-map>
    </template>
    
    <script>
    methods : {
        markerMouseEnter(eventData) {
            console.log("Mouse entered marker "+eventData.markerId)
        }
    }
    <script>
    

    I can't find any workaround to have a similar feature

    Reviewed by liteultom at 2018-12-17 13:41
  • 4. Change marker color after already added to map?

    I have markers on the map already, and when some event occurs (user clicks on it or clicks on something related elsewhere on the page), I would like to dynamically change the color of the marker. How can we accomplish this?

    Reviewed by kevinelliott at 2019-03-03 22:25
  • 5. Popups showing immediately -- want them all closed by default

    Right now when looping through markers and setting popups, they all show up open by default. How can we make them so they are closed until the marker is clicked?

    My current code:

        <MglMarker
          v-for="item in items"
          v-bind:key="item.id">
          <MglPopup>
            <div>
              Stuff
            </div>
          </MglPopup>
        </MglMarker>
    
    Reviewed by kevinelliott at 2019-03-03 02:27
  • 6. when @click geojson, how do i access the Feature data?

    i can't figure out how to get the geoJson Feature data from a click event. what's the object path? on mapbox it's only event.features , but here's i don't see it. tnx

    https://docs.mapbox.com/mapbox-gl-js/example/polygon-popup-on-click/

    Reviewed by cjaoude at 2019-02-18 03:29
  • 7. Map not displayed

    Hello, I am having a problem with your package, I am trying to reproduce the base map. First, I realized that I was assinging a bad style because the component raised an error when trying to make the http request. But now, it doesn't raise any error, and still like that, the map isn't displayed. Here is the component:

    <template>
      <q-page id="map" class="row items-center justify-evenly">
        <MglMap
          style="width: 100%"
          container="#map"
          :center="coordinates"
          :accessToken="accessToken"
          :mapStyle.sync="mapStyle"
        />
      </q-page>
    </template>
    
    <script lang="ts">
    import Vue from 'vue';
    import Mapbox from 'mapbox-gl';
    import { MglMap } from 'vue-mapbox';
    import 'mapbox-gl/dist/mapbox-gl.css';
    
    export default Vue.extend({
      name: 'PageIndex',
      data() {
        return {
          accessToken:
            'MY_ACCESS_TOKEN',
          mapStyle: 'mapbox://styles/mapbox/streets-v11',
          coordinates: [23.119456, -82.426454]
        };
      },
      components: {
        MglMap
      },
      created() {
        this.mapbox = Mapbox;
      }
    });
    </script>
    
    Reviewed by elC0mpa at 2020-06-27 18:30
  • 8. problem with webpack and JS Spread syntax

    Hye, thanks for carrying on the good job of korigan with mapbox. I'm currently trying to replace gmap with mapbox, I did it succesfully with leaflet (vue2leaflet) and the wrapper of phegman, but I encouter a problem when trying your wrapper and I don't see where it can come from. Apparently, webpack cannot build and it looks like there is a problem with the spread syntax :

    ERROR Failed to compile with 11 errors 14:45:33

    error in ./node_modules/vue-mapbox/src/components/layer/GeojsonLayer.js

    Module parse failed: Unexpected token (110:10) You may need an appropriate loader to handle this file type. | const source = { | type: "geojson", | ...this.source | }; | try {

    @ ./node_modules/vue-mapbox/src/main.js 11:0-59 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?typ e=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    error in ./node_modules/vue-mapbox/src/components/map/mixins/withAsyncActions.js

    Module parse failed: Unexpected token (11:8) You may need an appropriate loader to handle this file type. | $_registerAsyncActions(map) { | this.actions = { | ...promisify(map), | stop() { | this.map.stop();

    @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./node_modules/vue-mapbox/src/components/map/GlMap.vue 16:0-57 @ ./node_modules/vue-mapbox/src/components/map/GlMap.vue @ ./node_modules/vue-mapbox/src/main.js @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    error in ./node_modules/vue-mapbox/src/lib/withEvents.js

    Module parse failed: Unexpected token (13:8) You may need an appropriate loader to handle this file type. | map: this.map, | component: this, | ...data | }); | },

    @ ./node_modules/vue-mapbox/src/main.js 18:0-47 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    error in ./node_modules/vue-mapbox/src/components/layer/RasterLayer.js

    Module parse failed: Unexpected token (16:8) You may need an appropriate loader to handle this file type. | let source = { | type: "raster", | ...this.source | }; |

    @ ./node_modules/vue-mapbox/src/main.js 16:0-57 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    error in ./node_modules/vue-mapbox/src/components/layer/VideoLayer.js

    Module parse failed: Unexpected token (28:8) You may need an appropriate loader to handle this file type. | const source = { | type: "video", | ...this.source | }; |

    @ ./node_modules/vue-mapbox/src/main.js 14:0-55 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    error in ./node_modules/vue-mapbox/src/components/layer/CanvasLayer.js

    Module parse failed: Unexpected token (42:8) You may need an appropriate loader to handle this file type. | const source = { | type: "canvas", | ...this.source | }; |

    @ ./node_modules/vue-mapbox/src/main.js 13:0-57 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    error in ./node_modules/vue-mapbox/src/components/layer/ImageLayer.js

    Module parse failed: Unexpected token (46:8) You may need an appropriate loader to handle this file type. | const source = { | type: "image", | ...this.source | }; |

    @ ./node_modules/vue-mapbox/src/main.js 12:0-55 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    error in ./node_modules/vue-mapbox/src/components/layer/layerMixin.js

    Module parse failed: Unexpected token (48:4) You may need an appropriate loader to handle this file type. | mixins: [withEvents], | props: { | ...mapboxSourceProps, | ...mapboxLayerStyleProps, | ...componentProps

    @ ./node_modules/vue-mapbox/src/main.js 21:0-55 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    error in ./node_modules/vue-mapbox/src/components/map/mixins/withPrivateMethods.js

    Module parse failed: Unexpected token (49:10) You may need an appropriate loader to handle this file type. | if (this.accessToken) this.mapbox.accessToken = this.accessToken; | const map = new this.mapbox.Map({ | ...this._props, | container: this.$refs.container, | style: this.mapStyle

    @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./node_modules/vue-mapbox/src/components/map/GlMap.vue 15:0-61 @ ./node_modules/vue-mapbox/src/components/map/GlMap.vue @ ./node_modules/vue-mapbox/src/main.js @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    error in ./node_modules/vue-mapbox/src/components/layer/VectorLayer.js

    Module parse failed: Unexpected token (49:8) You may need an appropriate loader to handle this file type. | let source = { | type: "vector", | ...this.source | }; |

    @ ./node_modules/vue-mapbox/src/main.js 15:0-57 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    error in ./node_modules/vue-mapbox/src/components/UI/withSelfEvents.js

    Module parse failed: Unexpected token (4:58) You may need an appropriate loader to handle this file type. | methods: { | $_emitSelfEvent(event, data = {}) { | this.$_emitMapEvent(event, { control: this.control, ...data }); | }, | /** Bind events for markers, popups and controls.

    @ ./node_modules/vue-mapbox/src/main.js 19:0-65 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/stock/StockMap.vue @ ./src/components/stock/StockMap.vue @ ./src/router/stockRouter.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev-server babel-polyfill ./src/main.js

    Thanks for your help

    Reviewed by tpoussard at 2019-03-20 14:04
  • 9. Lazy load mapbox/pass mapbox object in

    So, I have a script to add the mapbox API to my app lazily. That means that it only gets added to the document once a specific view is added. 0.1.x versions of vue-mapbox allowed for a delayed Vue.use loading which made this work, however in 0.2.x, it directly imports mapbox-gl making this impossible.

    This is a bit troublesome, but the dependency inversion principle in this case is very important.

    Reviewed by fer22f at 2019-03-18 13:21
  • 10. Popup doesn't follow new coordinates

    Hello! I have a set of markers which move around, but leave their popups behind.

    image

    I set 'em up with something like this:

      mgl-marker(v-for="marker in markers" :key="marker.id"
      :coordinates="[marker.long, marker.lat]")
        mgl-popup(:offset="12")
    

    However, when they move around, popups that were open previously get stuck in their original location. I tried to fix by adding the coordinates explicitly:

      mgl-marker(v-for="marker in markers" :key="marker.id"
      :coordinates="[marker.long, marker.lat]")
        mgl-popup(:offset="12" :coordinates="[marker.long, marker.lat]")
    

    But it still didn't work.

    Reviewed by fer22f at 2018-07-23 21:40
  • 11. Icons missing even if importing the MapBox css from its CDN source

    My code is built on top of vue-cli. I have imported css on public.html file. But every image (data:image/svg+xml ....) retrieved within the MapBox css does not apear on the map.

        <link href='https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.css' rel='stylesheet' />
    
    .mapboxgl-ctrl-icon.mapboxgl-ctrl-compass > .mapboxgl-ctrl-compass-arrow {
      width: 20px;
      height: 20px;
      margin: 5px;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23333333' points='6,9 10,1 14,9'/%3E %3Cpolygon fill='%23CCCCCC' points='6,11 10,19 14,11 '/%3E %3C/svg%3E");
      background-repeat: no-repeat;
      display: inline-block;
    }
    

    Icons missing:

    Captura de Tela 2020-01-24 às 22 42 09

    Reviewed by calebeaires at 2020-01-25 01:44
  • 12. Bump async from 2.6.3 to 2.6.4

    Bumps async from 2.6.3 to 2.6.4.

    Changelog

    Sourced from async's changelog.

    v2.6.4

    • Fix potential prototype pollution exploit (#1828)
    Commits
    Maintainer changes

    This version was pushed to npm by hargasinski, a new releaser for async since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-04-28 17:50
  • 13. Optimize bundle size

    Is there a way to optimize the production bundle size? I am using webpack bundle analyzer (see image) and 50% of the production bundle is the mapbox-gl module which is insane because it is barely used (but required). Any idea on how to reduce the size?

    image

    Reviewed by jordib123 at 2022-04-20 09:28
  • 14. Bump minimist from 1.2.5 to 1.2.6

    Bumps minimist from 1.2.5 to 1.2.6.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-04-09 18:54
  • 15. Bump url-parse from 1.4.7 to 1.5.10

    Bumps url-parse from 1.4.7 to 1.5.10.

    Commits
    • 8cd4c6c 1.5.10
    • ce7a01f [fix] Improve handling of empty port
    • 0071490 [doc] Update JSDoc comment
    • a7044e3 [minor] Use more descriptive variable name
    • d547792 [security] Add credits for CVE-2022-0691
    • ad23357 1.5.9
    • 0e3fb54 [fix] Strip all control characters from the beginning of the URL
    • 61864a8 [security] Add credits for CVE-2022-0686
    • bb0104d 1.5.8
    • d5c6479 [fix] Handle the case where the port is specified but empty
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-02-26 06:44
  • 16. Bump prismjs from 1.21.0 to 1.27.0

    Bumps prismjs from 1.21.0 to 1.27.0.

    Release notes

    Sourced from prismjs's releases.

    v1.27.0

    Release 1.27.0

    v1.26.0

    Release 1.26.0

    v1.25.0

    Release 1.25.0

    v1.24.1

    Release 1.24.1

    v1.24.0

    Release 1.24.0

    v1.23.0

    Release 1.23.0

    v1.22.0

    Release 1.22.0

    Changelog

    Sourced from prismjs's changelog.

    1.27.0 (2022-02-17)

    New components

    Updated components

    Updated plugins

    Other

    • Core
      • Added better error message for missing grammars (#3311) 2cc4660b

    1.26.0 (2022-01-06)

    New components

    Updated components

    ... (truncated)

    Commits
    Maintainer changes

    This version was pushed to npm by rundevelopment, a new releaser for prismjs since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-02-26 02:02
  • 17. Bump follow-redirects from 1.13.0 to 1.14.8

    Bumps follow-redirects from 1.13.0 to 1.14.8.

    Commits
    • 3d81dc3 Release version 1.14.8 of the npm package.
    • 62e546a Drop confidential headers across schemes.
    • 2ede36d Release version 1.14.7 of the npm package.
    • 8b347cb Drop Cookie header across domains.
    • 6f5029a Release version 1.14.6 of the npm package.
    • af706be Ignore null headers.
    • d01ab7a Release version 1.14.5 of the npm package.
    • 40052ea Make compatible with Node 17.
    • 86f7572 Fix: clear internal timer on request abort to avoid leakage
    • 2e1eaf0 Keep Authorization header on subdomain redirects.
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
    • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
    • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
    • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

    You can disable automated security fix PRs for this repo from the Security Alerts page.

    Reviewed by dependabot[bot] at 2022-02-12 03:45
A Vue.js component for Mapbox GL JS

Mapbox GL JS Vue.js A simple lightweight (9kb/3kb gzipped) Mapbox GL JS Vue component. Demo Installation Setup Props Events Plugins Popups Development

Mar 21, 2022
A cloned & maintained version of vue-mapbox

V-Mapbox ?? Combine powers of Vue.js and Mapbox GL JS NOTE: This is a maintained version of vue-mapbox V-Mapbox is wrapper around Mapbox GL JS library

May 15, 2022
Wrapper for vue-mapbox-geocoder

v-mapbox-geocoder ?? v-mapbox plugin for mapbox-gl-geocoder support. Setup First of all you need to install mapbox-gl-geocoder and v-mapbox. See v-map

Sep 18, 2021
A simple map & geolocation field, built on top of open-source services and Mapbox. Kirby 3 only.
A simple map & geolocation field, built on top of open-source services and Mapbox. Kirby 3 only.

Kirby Locator A simple map & geolocation field, built on top of open-source services and Mapbox. Overview This plugin is completely free and published

Apr 24, 2022
Vue 2 components for Leaflet maps
Vue 2 components for Leaflet maps

Vue2Leaflet Vue2Leaflet is a JavaScript library for the Vue framework that wraps Leaflet making it easy to create reactive maps. How to install npm in

May 24, 2022
Baidu Map components for Vue 2.x
Baidu Map components for Vue 2.x

VUE BAIDU MAP Baidu Map components for Vue 2.x Languages 中文 English Documentation https://dafrok.github.io/vue-baidu-map Get Start Installation npm i

May 24, 2022
Web map Vue components with the power of OpenLayers

VueLayers Web map Vue components with the power of OpenLayers Overview VueLayers is components library that brings the powerful OpenLayers API to the

May 19, 2022
Vue 2.x components for CesiumJS.
Vue 2.x components for CesiumJS.

VUE CESIUM Vue 2.x components for CesiumJS. Load Cesium built package or other third-party packages which are built on Cesium. Languages 中文 English Li

May 23, 2022
A set of composable components for easy use of Google Maps in your Vue 3 projects.

A set of composable components for easy use of Google Maps in your Vue 3 projects.

May 26, 2022
Web map Vue 3.x components with the power of OpenLayers
Web map Vue 3.x components with the power of OpenLayers

vue3-openlayers Web map Vue components with the power of OpenLayers Overview vue3-openlayers is components library that brings the powerful OpenLayers

May 26, 2022
Reactive Vue 3 components for Google maps

Vue 3 Google maps Components Set of mostly used Google Maps components for Vue.js. Why this library exists? We heavily use Google Maps in our projects

May 23, 2022
A set of Vue.js components to display an interactive SVG map

vue-svg-map A set of Vue.js components to display an interactive SVG map. Demo Take a look at the live demo! Installation npm npm install --save vue-s

May 26, 2022
a library of vue components used by mapping applications
a library of vue components used by mapping applications

phila-vue-mapping (@phila/vue-mapping in npmjs.com) phila-vue-mapping is a library of Vue components that can be used in mapping apps which use Vue.js

Apr 21, 2022
Yandex Maps Component for VueJS
Yandex Maps Component for VueJS

vue-yandex-maps Documentation: RU, EN Contributors ✨ Thanks goes to these wonderful people (emoji key): Wormaster ?? Nikitenko Andrey ?? Kamil ?? Alex

May 21, 2022
A wrapper component for consuming Google Maps API built on top of VueJs v2.

A wrapper component for consuming Google Maps API built on top of VueJs v2. Fork of the popular vue-google-maps plugin.

May 14, 2022
🗺 Vue Mapbox GL - A small components library to use Mapbox GL in Vue

?? Vue Mapbox GL A small components library to use Mapbox GL in Vue. Installation & usage Have a look at the small guide for information on how to set

Mar 21, 2022
A Vue.js component for Mapbox GL JS

Mapbox GL JS Vue.js A simple lightweight (9kb/3kb gzipped) Mapbox GL JS Vue component. Demo Installation Setup Props Events Plugins Popups Development

Mar 21, 2022
A cloned & maintained version of vue-mapbox

V-Mapbox ?? Combine powers of Vue.js and Mapbox GL JS NOTE: This is a maintained version of vue-mapbox V-Mapbox is wrapper around Mapbox GL JS library

May 15, 2022
🗺 Mapbox component for Vue.js

vue-mapbox MapboxGL component for Vue.js This module is based on source code of vue-mapbox-gl. Getting started Here's how to install and use this modu

May 23, 2020
Wrapper for vue-mapbox-geocoder

v-mapbox-geocoder ?? v-mapbox plugin for mapbox-gl-geocoder support. Setup First of all you need to install mapbox-gl-geocoder and v-mapbox. See v-map

Sep 18, 2021