{"id":47097110,"url":"https://github.com/nqdy666/fabric-map-vue","last_synced_at":"2026-03-12T14:44:59.786Z","repository":{"id":40784341,"uuid":"177964163","full_name":"nqdy666/fabric-map-vue","owner":"nqdy666","description":"Fabric-based map coordinate, SVG heatmap","archived":false,"fork":false,"pushed_at":"2022-12-10T06:07:08.000Z","size":10804,"stargazers_count":18,"open_issues_count":21,"forks_count":3,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2024-04-14T10:11:14.727Z","etag":null,"topics":["coordinates","distance","fabricjs","heatmap","map","svg","vue"],"latest_commit_sha":null,"homepage":"https://nqdy666.github.io/fabric-map-vue/","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/nqdy666.png","metadata":{"files":{"readme":"README.en.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","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":"2019-03-27T09:46:21.000Z","updated_at":"2023-09-11T01:52:54.000Z","dependencies_parsed_at":"2023-01-26T03:46:34.261Z","dependency_job_id":null,"html_url":"https://github.com/nqdy666/fabric-map-vue","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"purl":"pkg:github/nqdy666/fabric-map-vue","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nqdy666%2Ffabric-map-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nqdy666%2Ffabric-map-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nqdy666%2Ffabric-map-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nqdy666%2Ffabric-map-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nqdy666","download_url":"https://codeload.github.com/nqdy666/fabric-map-vue/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nqdy666%2Ffabric-map-vue/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30428732,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-12T14:34:45.044Z","status":"ssl_error","status_checked_at":"2026-03-12T14:09:33.793Z","response_time":114,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["coordinates","distance","fabricjs","heatmap","map","svg","vue"],"created_at":"2026-03-12T14:44:54.818Z","updated_at":"2026-03-12T14:44:59.766Z","avatar_url":"https://github.com/nqdy666.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# fabric-map-vue\n\n[![version](https://img.shields.io/npm/v/fabric-map-vue.svg)](https://www.npmjs.com/package/fabric-map-vue)\n[![download](https://img.shields.io/npm/dm/fabric-map-vue.svg)](https://www.npmjs.com/package/fabric-map-vue)\n[![license](https://img.shields.io/github/license/nqdy666/fabric-map-vue.svg)](https://github.com/nqdy666/fabric-map-vue/blob/dev/LICENSE)\n\n\u003e Fabric-based map coordinate, SVG heatmap\n\n\u003e [CN 中文版](./README.md)\n\nBased on [fabricjs] (http://fabricjs.com/) v2.4.5 development, the heat map is based on [heatmap.js](https://www.patrick-wied.at/static/heatmapjs/) v2.0.5+ development , relying on [Vue.js] (https://vuejs.org/) v2.2.6+.\n\n#### Features\n- Auto resize\n- heatmap\n- Map coordinate\n- Distance drawing\n- Map switching\n\n## Document\n- **[Demo](https://nqdy666.github.io/fabric-map-vue/)**\n- **[Example on JSBin](https://jsbin.com/hukeko/edit?html,output)**\n\n## Feature Preview\n\n**Heatmap [sample source] (https://github.com/nqdy666/fabric-map-vue/blob/dev/docs/pages/index.vue)**\n\n![Heatmap](docs/assets/images/heatmap.gif)\n\n**Zoom type [sample source] (https://github.com/nqdy666/fabric-map-vue/blob/dev/docs/pages/zoom.vue)**\n\n![zoom type](docs/assets/images/zoom.gif)\n\n**Map Coordinate [sample source] (https://github.com/nqdy666/fabric-map-vue/blob/dev/docs/pages/coord.vue)**\n\n![Map Coordinate](docs/assets/images/coord.gif)\n\n**Distance drawing [sample source code] (https://github.com/nqdy666/fabric-map-vue/blob/dev/docs/pages/distance.vue)**\n\n![Distance drawing](docs/assets/images/distance.gif)\n\n**Map Switching [sample source] (https://github.com/nqdy666/fabric-map-vue/blob/dev/docs/pages/mapswitch.vue)**\n\n![Map Switch](docs/assets/images/mapswitch.gif)\n\n**Background setting [sample source] (https://github.com/nqdy666/fabric-map-vue/blob/dev/docs/pages/background.vue)**\n\n![Background Settings](docs/assets/images/background.gif)\n\n## Installation\n\n#### NPM\nInstall the package.\n\n```bash\n$ npm install fabric-map-vue\n```\n\nFirst need to quote fabric.js\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/fabric-map-vue@0.0.10/dist/fabric.min.js\"\u003e\u003c/script\u003e\n```\n\nRegister the component\n\n```js\nImport Vue from 'vue'\nImport FabricMapVue from 'fabric-map-vue'\nVue.use(FabricMapVue)\n```\n\nYou may now use the component in your markup\n\n```html\n\u003cfabric-map-vue svg-map-url=\"https://qiniu.qjzd.net/cf.svg\"\u003e\u003c/fabric-map-vue\u003e\n```\n\n#### CDN\n\ninclude `vue`, `fabric.js`, `heatmap.js`, `fabric-map-vue.js`, `fabric-map-vue.css`\n\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/fabric-map-vue@0.0.10/dist/fabric-map-vue.css\"/\u003e\n```\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/vue@2.6.10\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/fabric-map-vue@0.0.10/dist/fabric.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/heatmap.js@2.0.5/build/heatmap.min.js\"\u003e\u003c/script\u003e\n\u003c!-- Use the latest version --\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/fabric-map-vue@latest\"\u003e\u003c/script\u003e\n\u003c!-- or specify a version --\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/fabric-map-vue@0.0.10\"\u003e\u003c/script\u003e\n```\n\nYou may now use the component in your markup\n\n```html\n\u003cfabric-map-vue svg-map-url=\"https://qiniu.qjzd.net/cf.svg\"\u003e\u003c/fabric-map-vue\u003e\n```\n\n## Local development\n\ndevelopment\n```bash\n$ npm i\n$ npm run docs-dev\n```\n\npublish\n```bash\n$ npm install -g babel-cli@6.26.0\n$ npm install -g rollup@0.67.3\n$ chmod a+x scripts/build\n$ npm run release\n$ git push --follow-tags origin dev \u0026\u0026 npm publish\n```\nIf you use the window system, you can't execute directly `npm run release`, you need to install git bash software, and then use git bash to execute the command `./scripts/build` and `npm run release:only`.\n\ndocs-publish\n```bash\n$ npm install -g gh-pages\n$ chmod a+x scripts/docs-publish\n$ npm run docs-publish\n```\nIf you use the window system, you can't execute directly `npm run docs-publish`, you need to install git bash software, and then use git bash to execute the command `./scripts/docs-publish`.\n\n## Donation\nIf you find it useful, you can buy us a cup of coffee.\n\n\u003cimg width=\"650\" src=\"https://raw.githubusercontent.com/nqdy666/fabric-map-vue/dev/docs/assets/images/qrcode-donation.png\" alt=\"donation\"\u003e\n\n## License\n\n[MIT](https://github.com/nianqin/fabric-map-vue/blob/dev/LICENSE.md)\n\nCopyright (c) 2019-present, Qin Nian\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnqdy666%2Ffabric-map-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnqdy666%2Ffabric-map-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnqdy666%2Ffabric-map-vue/lists"}