{"id":25650713,"url":"https://github.com/kdn0325/react-native-simple-worldmap","last_synced_at":"2026-06-22T07:31:33.902Z","repository":{"id":278795371,"uuid":"925350533","full_name":"kdn0325/react-native-simple-worldmap","owner":"kdn0325","description":"Want to create a simple map with React Native? Try this library. This is a map UI based on SVG, which allows you to simply represent without using Google Maps.","archived":false,"fork":false,"pushed_at":"2025-12-14T15:52:15.000Z","size":3102,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-17T00:17:43.672Z","etag":null,"topics":["react-native","simple-worldmap"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-native-simple-worldmap","language":"TypeScript","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/kdn0325.png","metadata":{"files":{"readme":"README.md","changelog":null,"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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-01-31T17:58:21.000Z","updated_at":"2025-12-14T15:52:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"8136049d-28f3-4608-9f06-505d416e6ec3","html_url":"https://github.com/kdn0325/react-native-simple-worldmap","commit_stats":null,"previous_names":["kdn0325/react-native-simple-worldmap"],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/kdn0325/react-native-simple-worldmap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kdn0325%2Freact-native-simple-worldmap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kdn0325%2Freact-native-simple-worldmap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kdn0325%2Freact-native-simple-worldmap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kdn0325%2Freact-native-simple-worldmap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kdn0325","download_url":"https://codeload.github.com/kdn0325/react-native-simple-worldmap/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kdn0325%2Freact-native-simple-worldmap/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34639704,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-22T02:00:06.391Z","response_time":106,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["react-native","simple-worldmap"],"created_at":"2025-02-23T15:18:13.145Z","updated_at":"2026-06-22T07:31:33.892Z","avatar_url":"https://github.com/kdn0325.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-simple-worldmap\n\nThis is SVG's Simple Map that makes React Native\n\n![Example](https://github.com/user-attachments/assets/ca0469a7-8268-47e3-9f55-0bf08bdbe4e0)\n\n## Installation\n\n```sh\nnpm install react-native-simple-worldmap\n# or\nyarn add react-native-simple-worldmap\n```\n\n## Note: Please make sure to install the latest version of react-native-svg.\n\n```sh\nnpm install react-native-svg@latest\n# or\nyarn add react-native-svg@latest\n\n```\n\n## Usage\n\n```js\nimport { WorldMap } from 'react-native-simple-worldmap';\nimport { View, StyleSheet } from 'react-native';\n\nexport default function App() {\n return (\n \u003cView style={styles.container}\u003e\n \u003cWorldMap /\u003e\n \u003c/View\u003e\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n paddingHorizontal: 20,\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n```\n\n## Props\n\n| Name | Type | Default | Note |\n| ----------------- | -------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| **color** | String | #00B386 | The default color of the countries on the map. If not provided, it will use the default color. |\n| **isSelectable** | Boolean | false | Determines whether the countries on the map are selectable or not. If set to true, users can click on countries to change their color. Defaults to false if not provided. |\n| **selectedColor** | String | #9270FF | The color applied to a country when it is selected. If isSelectable is true, this color will be used for the selected country. Defaults to #9270FF if not provided. |\n| **countries** | string[] | Optional | An optional array of country IDs (ISO 3166-1 alpha-2 codes) that should be highlighted or marked on the map. If provided, these countries will be displayed with the selectedColor. Defaults to an empty array if not provided. |\n\n## Countries\n\n| Name | Code / ID |\n| -------------------------------- | --------- |\n| Afghanistan | af |\n| Albania | al |\n| Algeria | dz |\n| Angola | ao |\n| Argentina | ar |\n| Armenia | am |\n| Australia | au |\n| Austria | at |\n| Azerbaijan | az |\n| Bahamas | bs |\n| Bangladesh | bd |\n| Belarus | by |\n| Belgium | be |\n| Belize | bz |\n| Benin | bj |\n| Bhutan | bt |\n| Bolivia | bo |\n| Bosnia and Herzegowina | ba |\n| Botswana | bw |\n| Brazil | br |\n| Brunei | bn |\n| Bulgaria | bg |\n| Burkina Faso | bf |\n| Burundi | bi |\n| Cambodia | kh |\n| Cameroon | cm |\n| Canada | ca |\n| Central African Republic | cf |\n| Chad | td |\n| Chile | cl |\n| China | cn |\n| Colombia | co |\n| Congo | cg |\n| Costa Rica | cr |\n| Cote d'Ivoire | ci |\n| Croatia | hr |\n| Cuba | cu |\n| Cyprus | cy |\n| Czech | cz |\n| Democratic Republic of the Congo | cd |\n| Denmark | dk |\n| Djibouti | dj |\n| Dominican Republic | do |\n| Ecuador | ec |\n| Egypt | eg |\n| El Salvador | sv |\n| Equatorial Guinea | gq |\n| Eritrea | er |\n| Estonia | ee |\n| Ethiopia | et |\n| Falkland Islands | fk |\n| Fiji | fj |\n| Finland | fi |\n| Fr. S. Antarctic Lands | tf |\n| France | fr |\n| Gabon | ga |\n| Gambia | gm |\n| Georgia | ge |\n| Germany | de |\n| Ghana | gh |\n| Greece | gr |\n| Greenland | gl |\n| Guatemala | gt |\n| Guinea | gn |\n| Guinea-Bissau | gw |\n| Guyana | gy |\n| Haiti | ht |\n| Honduras | hn |\n| Hungary | hu |\n| Iceland | is |\n| India | in |\n| Indonesia | id |\n| Iran | ir |\n| Iraq | iq |\n| Ireland | ie |\n| Israel | il |\n| Italy | it |\n| Jamaica | jm |\n| Japan | jp |\n| Jordan | jo |\n| Kazakhstan | kz |\n| Kenya | ke |\n| Kuwait | kw |\n| Kyrgyzstan | kg |\n| Laos | la |\n| Latvia | lv |\n| Lebanon | lb |\n| Lesotho | ls |\n| Liberia | lr |\n| Libya | ly |\n| Lithuania | lt |\n| Luxembourg | lu |\n| Macedonia | mk |\n| Madagascar | mg |\n| Malawi | mw |\n| Malaysia | my |\n| Mali | ml |\n| Malta | mt |\n| Mauritania | mr |\n| Mexico | mx |\n| Moldova | md |\n| Mongolia | mn |\n| Montenegro | me |\n| Morocco | ma |\n| Mozambique | mz |\n| Myanmar | mm |\n| Namibia | na |\n| Nepal | np |\n| Netherlands | nl |\n| New Caledonia | nc |\n| New Zealand | nz |\n| Nicaragua | ni |\n| Niger | ne |\n| Nigeria | ng |\n| North Korea | kp |\n| Norway | no |\n| Oman | om |\n| Pakistan | pk |\n| Palestine | ps |\n| Panama | pa |\n| Papua New Guinea | pg |\n| Paraguay | py |\n| Peru | pe |\n| Philippines | ph |\n| Poland | pl |\n| Portugal | pt |\n| Puerto Rico | pr |\n| Qatar | qa |\n| Romania | ro |\n| Russia | ru |\n| Rwanda | rw |\n| Saudi Arabia | sa |\n| Senegal | sn |\n| Serbia | rs |\n| Sierra Leone | sl |\n| Singapore | sg |\n| Slovakia | sk |\n| Slovenia | si |\n| Solomon Islands | sb |\n| Somalia | so |\n| South Africa | za |\n| South Korea | kr |\n| South Sudan | ss |\n| Spain | es |\n| Sri Lanka | lk |\n| Sudan | sd |\n| Suriname | sr |\n| Swaziland | sz |\n| Sweden | se |\n| Switzerland | ch |\n| Syria | sy |\n| Taiwan | tw |\n| Tajikistan | tj |\n| Tanzania | tz |\n| Thailand | th |\n| Timor-Leste | tl |\n| Togo | tg |\n| Trinidad and Tobago | tt |\n| Tunisia | tn |\n| Turkey | tr |\n| Turkmenistan | tm |\n| Uganda | ug |\n| Ukraine | ua |\n| United Arab Emirates | ae |\n| United Kingdom | gb |\n| United States | us |\n| Uruguay | uy |\n| Uzbekistan | uz |\n| Vanuatu | vu |\n| Venezuela | ve |\n| Vietnam | vn |\n| West Sahara | eh |\n| Yemen | ye |\n| Zambia | zm |\n| Zimbabwe | zw |\n\n## Contributing\n\nSee the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.\n\n## License\n\nMIT\n\n---\n\nMade with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkdn0325%2Freact-native-simple-worldmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkdn0325%2Freact-native-simple-worldmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkdn0325%2Freact-native-simple-worldmap/lists"}