{"id":17241529,"url":"https://github.com/themustafaomar/vuevectormap","last_synced_at":"2025-08-22T13:06:34.361Z","repository":{"id":42923958,"uuid":"256300845","full_name":"themustafaomar/vuevectormap","owner":"themustafaomar","description":"A Vue wrapper component for Jsvectormap","archived":false,"fork":false,"pushed_at":"2024-11-10T00:21:36.000Z","size":2060,"stargazers_count":11,"open_issues_count":5,"forks_count":0,"subscribers_count":2,"default_branch":"next","last_synced_at":"2025-04-14T03:14:06.368Z","etag":null,"topics":["maps","nuxt","nuxtjs","vector-map-javascript","vue-wrapper-component","vuejs"],"latest_commit_sha":null,"homepage":"https://jvm-docs.vercel.app/docs/integrate-with-vue","language":"JavaScript","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/themustafaomar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-04-16T18:44:35.000Z","updated_at":"2024-12-16T18:42:47.000Z","dependencies_parsed_at":"2023-12-19T01:01:39.478Z","dependency_job_id":"ae82ed7b-aa92-4796-84ae-c3cff74163e4","html_url":"https://github.com/themustafaomar/vuevectormap","commit_stats":{"total_commits":28,"total_committers":3,"mean_commits":9.333333333333334,"dds":0.3571428571428571,"last_synced_commit":"11eb1e20f284a54d01cab9a7bd911695d2f58208"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themustafaomar%2Fvuevectormap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themustafaomar%2Fvuevectormap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themustafaomar%2Fvuevectormap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/themustafaomar%2Fvuevectormap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/themustafaomar","download_url":"https://codeload.github.com/themustafaomar/vuevectormap/tar.gz/refs/heads/next","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248813802,"owners_count":21165634,"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":["maps","nuxt","nuxtjs","vector-map-javascript","vue-wrapper-component","vuejs"],"created_at":"2024-10-15T06:09:48.260Z","updated_at":"2025-04-14T03:14:22.032Z","avatar_url":"https://github.com/themustafaomar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# VueVectorMap\n\nA Vue wrapper component for [jsvectormap](https://github.com/themustafaomar/jsvectormap)\n\n## Versions\n\n| Vuejs version | Package version | Branch |\n| :---          |:---------------:| ---:   | \n| 3.x           |       2.x       | `next` |\n| 2.x           |       1.x       | [master](https://github.com/themustafaomar/vuevectormap/tree/master) |\n\n## Installation\n\nTo get started with vuevectormap, you can install it through your preferred package manager.\n\n```bash\nnpm i vuevectormap@next # pnpm add vuevectormap || yarn add vuevectormap\n```\n\n## Demo\n\nExample at [vuevectormap](https://codepen.io/themustafaomar/pen/pojyerx)\u003cbr\u003e\nExample at [codesandbox](https://4f9cw.csb.app) and [code](https://codesandbox.io/s/vuevectormap-4f9cw)\n\n## Get started\n\n```js\nimport { createApp } from 'vue'\nimport vueVectorMap from 'vuevectormap'\nimport 'vuevectormap/src/scss/vuevectormap.scss'\nimport 'jsvectormap/dist/maps/world'\n\nconst app = createApp({\n  //\n})\n\napp.use(vueVectorMap, {\n  // Set global options if any etc..\n  backgroundColor: '#f6f6f6',\n})\n\napp.mount('#app')\n```\n\nJust define `vuevectormap` component and we're done!\u003cbr\u003e\n**Notice**: the default map is world, so you don't have to pass `map` prop.\n\n```vue\n\u003ctemplate\u003e\n  \u003cdiv class=\"...\"\u003e\n    \u003cvuevectormap\n      width=\"700\"\n      height=\"350\"\n      :options=\"{\n        // Map options..\n        // markers: []\n        // markerStyle: {}\n        // etc..\n      }\"\u003e\n    \u003c/vuevectormap\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n```\n\n**Tip:** if you're using sass and and you want to overwrite the default style, the below snippet is for you.\u003cbr\u003e\nLook at [this file](https://github.com/themustafaomar/jsvectormap/blob/master/src/scss/jsvectormap.scss) to know about all possible variables.\n\n```scss\n// Example variables.\n$tooltip-bg-color: #3a3d4c;\n$tooltip-font-family: Roboto, Etc;\n\n@import 'jsvectormap';\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthemustafaomar%2Fvuevectormap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthemustafaomar%2Fvuevectormap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthemustafaomar%2Fvuevectormap/lists"}