{"id":21291927,"url":"https://github.com/idea2app/openreactmap","last_synced_at":"2026-05-09T01:37:42.002Z","repository":{"id":191223881,"uuid":"684300431","full_name":"idea2app/OpenReactMap","owner":"idea2app","description":"Compatible Map component supports Geo services with Freedom or Open API, based on TypeScript, MobX \u0026 React.","archived":false,"fork":false,"pushed_at":"2024-01-29T20:52:47.000Z","size":2018,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-04-23T20:17:08.744Z","etag":null,"topics":["compatibility","free","geo","lbs","map","mobx","open","react","typescript"],"latest_commit_sha":null,"homepage":"https://idea2app.github.io/OpenReactMap/","language":"TypeScript","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/idea2app.png","metadata":{"files":{"readme":"ReadMe.md","changelog":null,"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}},"created_at":"2023-08-28T21:26:12.000Z","updated_at":"2024-04-23T20:17:08.745Z","dependencies_parsed_at":"2023-08-28T22:41:39.623Z","dependency_job_id":"3d9d3e5d-8c81-4f9c-b4b7-5d553bec73d7","html_url":"https://github.com/idea2app/OpenReactMap","commit_stats":{"total_commits":7,"total_committers":1,"mean_commits":7.0,"dds":0.0,"last_synced_commit":"e5c125c2c592bfae1eb37e65b6548ae3f0aeea11"},"previous_names":["idea2app/openreactmap","idea2app/openmap"],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idea2app%2FOpenReactMap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idea2app%2FOpenReactMap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idea2app%2FOpenReactMap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/idea2app%2FOpenReactMap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/idea2app","download_url":"https://codeload.github.com/idea2app/OpenReactMap/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243762227,"owners_count":20343972,"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":["compatibility","free","geo","lbs","map","mobx","open","react","typescript"],"created_at":"2024-11-21T13:46:47.221Z","updated_at":"2026-05-09T01:37:41.972Z","avatar_url":"https://github.com/idea2app.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Open React Map\n\nCompatible Map component supports Geo services with **Freedom** or **Open API**, based on [TypeScript][1], [MobX][2] \u0026 [React][3].\n\n[![MobX compatibility](https://img.shields.io/badge/Compatible-1?logo=mobx\u0026label=MobX%206%2F7)][2]\n[![NPM Dependency](https://img.shields.io/librariesio/github/idea2app/OpenReactMap.svg)][4]\n[![CI \u0026 CD](https://github.com/idea2app/OpenReactMap/actions/workflows/main.yml/badge.svg)][5]\n\n[![NPM](https://nodei.co/npm/open-react-map.png?downloads=true\u0026downloadRank=true\u0026stars=true)][6]\n\n## Versions\n\n| SemVer  |    status    | ES decorator |    MobX     |\n| :-----: | :----------: | :----------: | :---------: |\n| `\u003e=0.8` | ✅developing |   stage-3    |  `\u003e=6.11`   |\n| `\u003c0.8`  | ❌deprecated |   stage-2    | `\u003e=4 \u003c6.11` |\n\n## Usage\n\nPreview site: https://idea2app.github.io/OpenReactMap/preview/\n\n### Installation\n\n#### Command\n\n```shell\nnpm i open-react-map mobx mobx-react react react-dom\n```\n\n#### `tsconfig.json`\n\nCompatible with MobX 6/7:\n\n```json\n{\n    \"compilerOptions\": {\n        \"target\": \"ES6\",\n        \"moduleResolution\": \"Node\",\n        \"useDefineForClassFields\": true,\n        \"experimentalDecorators\": false,\n        \"jsx\": \"react-jsx\"\n    }\n}\n```\n\n#### `index.html`\n\n```html\n\u003chtml\u003e\n    \u003chead\u003e\n        \u003clink\n            rel=\"stylesheet\"\n            href=\"https://unpkg.com/leaflet@1.9.4/dist/leaflet.css\"\n        /\u003e\n    \u003c/head\u003e\n\u003c/html\u003e\n```\n\n### Third-party Tile provider\n\n[China map in China Open-source Map project][7]\n\n```tsx\nimport { FC } from 'react';\nimport { OpenReactMap, OpenReactMapProps, TileLayer } from 'open-react-map';\n\nconst ChinaMap: FC\u003cOpenReactMapProps\u003e = props =\u003e (\n    \u003cOpenReactMap\n        className=\"vh-100\"\n        center={[34.32, 108.55]}\n        zoom={4}\n        renderTileLayer={() =\u003e \u003cTileLayer vendor=\"GaoDe\" /\u003e}\n        {...props}\n    /\u003e\n);\nexport default ChinaMap;\n```\n\n### Use in Next.js\n\n```tsx\nimport dynamic from 'next/dynamic';\n\nconst ChinaMap = dynamic(() =\u003e import('./ChinaMap'), { ssr: false });\n\nexport default function ExampleMap() {\n    return (\n        \u003cChinaMap\n            markers={[\n                {\n                    position: [34.32, 108.55],\n                    tooltip: 'Geo Center of China'\n                }\n            ]}\n            onMarkerClick={console.log}\n        /\u003e\n    );\n}\n```\n\n[1]: https://www.typescriptlang.org/\n[2]: https://mobx.js.org/\n[3]: https://react.dev/\n[4]: https://libraries.io/npm/open-react-map\n[5]: https://github.com/idea2app/OpenReactMap/actions/workflows/main.yml\n[6]: https://nodei.co/npm/open-react-map/\n[7]: https://github.com/kaiyuanshe/kaiyuanshe.github.io/blob/ba8e396aa190896aaa8a3dee0f9eac654dfce5b3/components/ChinaMap.tsx\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fidea2app%2Fopenreactmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fidea2app%2Fopenreactmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fidea2app%2Fopenreactmap/lists"}