{"id":16259506,"url":"https://github.com/baroshem/map","last_synced_at":"2025-03-19T22:30:34.713Z","repository":{"id":42690359,"uuid":"451117089","full_name":"Baroshem/map","owner":"Baroshem","description":"🗺  Map Module for Nuxt 3","archived":false,"fork":false,"pushed_at":"2022-03-28T11:15:38.000Z","size":1893,"stargazers_count":10,"open_issues_count":5,"forks_count":0,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-04-25T19:20:31.944Z","etag":null,"topics":["google","leaflet","map","module","nuxt","openstreetmap"],"latest_commit_sha":null,"homepage":"https://map.nuxtjs.org","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Baroshem.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-01-23T13:46:18.000Z","updated_at":"2024-04-16T21:53:02.000Z","dependencies_parsed_at":"2022-08-24T02:01:16.854Z","dependency_job_id":null,"html_url":"https://github.com/Baroshem/map","commit_stats":null,"previous_names":["nuxt-modules/map"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Baroshem%2Fmap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Baroshem%2Fmap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Baroshem%2Fmap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Baroshem%2Fmap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Baroshem","download_url":"https://codeload.github.com/Baroshem/map/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244515595,"owners_count":20464916,"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":["google","leaflet","map","module","nuxt","openstreetmap"],"created_at":"2024-10-10T16:03:21.432Z","updated_at":"2025-03-19T22:30:34.219Z","avatar_url":"https://github.com/Baroshem.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![@nuxtjs/map](https://map.nuxtjs.org/preview.png)](https://map.nuxtjs.org)\n\n# @nuxtjs/map\n\n[![npm version][npm-version-src]][npm-version-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n[![Github Actions CI][github-actions-ci-src]][github-actions-ci-href]\n[![Codecov][codecov-src]][codecov-href]\n[![License][license-src]][license-href]\n\n\u003e Map module for [Nuxt](https://v3.nuxtjs.org)\n\n- [✨ \u0026nbsp;Release Notes](https://github.com/nuxt-community/map-module/releases)\n- [📖 \u0026nbsp;Read the documentation](https://map.nuxtjs.org)\n\n## Features\n\n- Nuxt 3 ready\n- Easy integration with Google Maps \u0026 Leaflet\n- Use only two components `nuxt-map` and `nuxt-marker` no matter what map provider you choose\n- [Coming soon] More map providers and components\n- TypeScript support\n\n[📖 \u0026nbsp;Read the documentation](https://map.nuxtjs.org)\n\n## Setup\n\n```sh\nyarn add @nuxtjs/map # yarn\nnpm i @nuxtjs/map # npm\n```\n\n## Basic usage\n\nFirstly, you need to add `@nuxtjs/map` to your Nuxt config.\n\n```javascript\n// nuxt.config.js\n\n{\n    buildModules: [\n        \"@nuxtjs/map\",\n    ],\n    map: {\n      provider: '\u003cYOUR_MAP_PROVIDER\u003e' // google | leaflet\n    }\n}\n```\n\nThen you can start using `@nuxtjs/map` in your app!\n\n```vue\n\u003ctemplate\u003e\n  \u003cdiv\u003e\n    \u003cnuxt-map :options=\"{ center, zoom }\" style=\"height: 500px\"\u003e\n      \u003cnuxt-marker\n        v-for=\"(marker, i) in markerPositions\"\n        :key=\"i\"\n        :options=\"{ position: marker }\"\n      /\u003e\n    \u003c/nuxt-map\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript lang=\"ts\" setup\u003e\nconst markerPositions = [\n  { lat: 40.689247, lng: -74.044502 },\n  { lat: 40.689947, lng: -74.044502 },\n  { lat: 40.684947, lng: -74.044502 }\n]\nconst center = markerPositions[0]\nconst zoom = 15\n\u003c/script\u003e\n```\n\n## Development\n\n1. Clone this repository\n2. Install dependencies using `yarn install` or `npm install`\n3. Start development server using `yarn dev` or `npm run dev`\n\n## License\n\n[MIT License](./LICENSE)\n\n\u003c!-- Badges --\u003e\n\n[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/map/latest.svg\n[npm-version-href]: https://npmjs.com/package/@nuxtjs/map\n[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxtjs/map.svg\n[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/map\n[github-actions-ci-src]: https://github.com/nuxt-modules/map-module/actions/workflows/ci.yml/badge.svg\n[github-actions-ci-href]: https://github.com/nuxt-community/map-module/actions?query=workflow%3Aci\n[codecov-src]: https://img.shields.io/codecov/c/github/nuxt-community/map-module.svg\n[codecov-href]: https://codecov.io/gh/nuxt-community/map-module\n[license-src]: https://img.shields.io/npm/l/@nuxtjs/map.svg\n[license-href]: https://npmjs.com/package/@nuxtjs/map\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaroshem%2Fmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbaroshem%2Fmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaroshem%2Fmap/lists"}