{"id":18263954,"url":"https://github.com/studiometa/vue-mapbox-gl","last_synced_at":"2025-05-15T18:08:46.405Z","repository":{"id":38706434,"uuid":"194991943","full_name":"studiometa/vue-mapbox-gl","owner":"studiometa","description":"🗺 Vue components for mapbox-gl","archived":false,"fork":false,"pushed_at":"2025-05-08T09:56:14.000Z","size":6049,"stargazers_count":157,"open_issues_count":17,"forks_count":41,"subscribers_count":14,"default_branch":"develop","last_synced_at":"2025-05-08T10:46:52.526Z","etag":null,"topics":["mapbox-gl-js","vue"],"latest_commit_sha":null,"homepage":"https://vue-mapbox-gl.studiometa.dev","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/studiometa.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-07-03T06:22:18.000Z","updated_at":"2025-05-07T20:30:46.000Z","dependencies_parsed_at":"2024-02-23T18:40:19.726Z","dependency_job_id":"7169187f-b479-42dd-acf8-2e157d8851d6","html_url":"https://github.com/studiometa/vue-mapbox-gl","commit_stats":{"total_commits":319,"total_committers":14,"mean_commits":"22.785714285714285","dds":"0.30094043887147337","last_synced_commit":"100568a4b6263f0ce45d7c08a52fd6fa9f5162b7"},"previous_names":[],"tags_count":49,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studiometa%2Fvue-mapbox-gl","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studiometa%2Fvue-mapbox-gl/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studiometa%2Fvue-mapbox-gl/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studiometa%2Fvue-mapbox-gl/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/studiometa","download_url":"https://codeload.github.com/studiometa/vue-mapbox-gl/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253958006,"owners_count":21990544,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["mapbox-gl-js","vue"],"created_at":"2024-11-05T11:13:18.044Z","updated_at":"2025-05-15T18:08:46.350Z","avatar_url":"https://github.com/studiometa.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# 🗺 @studiometa/vue-mapbox-gl\n\n[![NPM Version](https://img.shields.io/npm/v/@studiometa/vue-mapbox-gl.svg?style=flat\u0026colorB=3e63dd\u0026colorA=414853)](https://www.npmjs.com/package/@studiometa/vue-mapbox-gl/)\n[![Downloads](https://img.shields.io/npm/dm/@studiometa/vue-mapbox-gl?style=flat\u0026colorB=3e63dd\u0026colorA=414853)](https://www.npmjs.com/package/@studiometa/vue-mapbox-gl/)\n[![Size](https://img.shields.io/bundlephobia/minzip/@studiometa/vue-mapbox-gl?style=flat\u0026colorB=3e63dd\u0026colorA=414853\u0026label=size)](https://bundlephobia.com/package/@studiometa/vue-mapbox-gl)\n[![Dependency Status](https://img.shields.io/librariesio/release/npm/@studiometa/vue-mapbox-gl?style=flat\u0026colorB=3e63dd\u0026colorA=414853)](https://david-dm.org/studiometa/vue-mapbox-gl)\n![Codecov](https://img.shields.io/codecov/c/github/studiometa/vue-mapbox-gl?style=flat\u0026colorB=3e63dd\u0026colorA=414853)\n\n\u003e A small components library to use Mapbox GL in Vue 3 app.\n\n## Installation \u0026 usage\n\nHave a look at the [small guide](https://vue-mapbox-gl.studiometa.dev/guide/introduction/) for information on how to setup a simple map.\n\n## Components\n\nThe following components are available:\n\n|                                          Component                                          |                                                         Description                                                         | Doc. |\n|---------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------|------|\n| [MapboxMap](https://vue-mapbox-gl.studiometa.dev/components/MapboxMap)                             | Display a map with the given style.                                                                                         | ✅    |\n| [MapboxMarker](https://vue-mapbox-gl.studiometa.dev/components/MapboxMarker)                       | Display a simple or custom marker.                                                                                          | ✅    |\n| [MapboxCluster](https://vue-mapbox-gl.studiometa.dev/components/MapboxCluster)                     | Display a GeoJSON as clusters.                                                                                              | ✅    |\n| [MapboxGeocoder](https://vue-mapbox-gl.studiometa.dev/components/MapboxGeocoder)                   | Display a geocoder search input with the [@mapbox/mapbox-gl-geocoder](https://github.com/mapbox/mapbox-gl-geocoder) plugin. | ✅     |\n| [MapboxImage](https://vue-mapbox-gl.studiometa.dev/components/MapboxImage)                         | Load an image to be used on the map.                                                                                        | ✅    |\n| [MapboxImages](https://vue-mapbox-gl.studiometa.dev/components/MapboxImages)                       | Load multiple images to be used on the map.                                                                                 | ✅    |\n| [MapboxLayer](https://vue-mapbox-gl.studiometa.dev/components/MapboxLayer)                         | Display a layer on the map.                                                                                                 | ❌    |\n| [MapboxNavigationControl](https://vue-mapbox-gl.meta.fr/components/MapboxNavigationControl) | Display the map's navigation controls                                                                                       | ✅    |\n| [MapboxPopup](https://vue-mapbox-gl.studiometa.dev/components/MapboxPopup)                         | Display a popup on the map                                                                                                  | ✅    |\n| [MapboxSource](https://vue-mapbox-gl.studiometa.dev/components/MapboxSource)                       | Load a source of data to be used on the map                                                                                 | ❌    |\n\n## Contributing\n\n### Installation\n\n```bash\n# Clone the project\ngit clone git@github.com:studiometa/vue-mapbox-gl.git\n# Cd in the repository\ncd vue-mapbox-gl\n# Install dependencies\nnpm i\n```\n\n### Useful commands\n\n```bash\n# Build for deployment\nnpm run build\n# Test before deployment\nnpm run test\n# Lint files\nnpm run lint\n# Fix linting errors\nnpm run fix\n```\n\n## Note\n\nThis project is a rewrite of a fork of [openearth/vue2mapbox-gl](https://github.com/openearth/vue2mapbox-gl) and is published under the [GNU GPL 3](https://www.gnu.org/licenses/gpl-3.0.en.html) license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstudiometa%2Fvue-mapbox-gl","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstudiometa%2Fvue-mapbox-gl","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstudiometa%2Fvue-mapbox-gl/lists"}