react-native-simple-worldmap

This is SVG's Simple Map that makes React Native

Installation

npm install react-native-simple-worldmap
# or
yarn add react-native-simple-worldmap

Note: Please make sure to install the latest version of react-native-svg.

npm install react-native-svg@latest
# or
yarn add react-native-svg@latest

Usage

import { WorldMap } from 'react-native-simple-worldmap';
import { View, StyleSheet } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <WorldMap />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingHorizontal: 20,
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Props

| Name | Type | Default | Note | | ----------------- | -------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | color | String | #00B386 | The default color of the countries on the map. If not provided, it will use the default color. | | 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. | | 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. | | 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. |

Countries

| Name | Code / ID | | -------------------------------- | --------- | | Afghanistan | af | | Albania | al | | Algeria | dz | | Angola | ao | | Argentina | ar | | Armenia | am | | Australia | au | | Austria | at | | Azerbaijan | az | | Bahamas | bs | | Bangladesh | bd | | Belarus | by | | Belgium | be | | Belize | bz | | Benin | bj | | Bhutan | bt | | Bolivia | bo | | Bosnia and Herzegowina | ba | | Botswana | bw | | Brazil | br | | Brunei | bn | | Bulgaria | bg | | Burkina Faso | bf | | Burundi | bi | | Cambodia | kh | | Cameroon | cm | | Canada | ca | | Central African Republic | cf | | Chad | td | | Chile | cl | | China | cn | | Colombia | co | | Congo | cg | | Costa Rica | cr | | Cote d'Ivoire | ci | | Croatia | hr | | Cuba | cu | | Cyprus | cy | | Czech | cz | | Democratic Republic of the Congo | cd | | Denmark | dk | | Djibouti | dj | | Dominican Republic | do | | Ecuador | ec | | Egypt | eg | | El Salvador | sv | | Equatorial Guinea | gq | | Eritrea | er | | Estonia | ee | | Ethiopia | et | | Falkland Islands | fk | | Fiji | fj | | Finland | fi | | Fr. S. Antarctic Lands | tf | | France | fr | | Gabon | ga | | Gambia | gm | | Georgia | ge | | Germany | de | | Ghana | gh | | Greece | gr | | Greenland | gl | | Guatemala | gt | | Guinea | gn | | Guinea-Bissau | gw | | Guyana | gy | | Haiti | ht | | Honduras | hn | | Hungary | hu | | Iceland | is | | India | in | | Indonesia | id | | Iran | ir | | Iraq | iq | | Ireland | ie | | Israel | il | | Italy | it | | Jamaica | jm | | Japan | jp | | Jordan | jo | | Kazakhstan | kz | | Kenya | ke | | Kuwait | kw | | Kyrgyzstan | kg | | Laos | la | | Latvia | lv | | Lebanon | lb | | Lesotho | ls | | Liberia | lr | | Libya | ly | | Lithuania | lt | | Luxembourg | lu | | Macedonia | mk | | Madagascar | mg | | Malawi | mw | | Malaysia | my | | Mali | ml | | Malta | mt | | Mauritania | mr | | Mexico | mx | | Moldova | md | | Mongolia | mn | | Montenegro | me | | Morocco | ma | | Mozambique | mz | | Myanmar | mm | | Namibia | na | | Nepal | np | | Netherlands | nl | | New Caledonia | nc | | New Zealand | nz | | Nicaragua | ni | | Niger | ne | | Nigeria | ng | | North Korea | kp | | Norway | no | | Oman | om | | Pakistan | pk | | Palestine | ps | | Panama | pa | | Papua New Guinea | pg | | Paraguay | py | | Peru | pe | | Philippines | ph | | Poland | pl | | Portugal | pt | | Puerto Rico | pr | | Qatar | qa | | Romania | ro | | Russia | ru | | Rwanda | rw | | Saudi Arabia | sa | | Senegal | sn | | Serbia | rs | | Sierra Leone | sl | | Singapore | sg | | Slovakia | sk | | Slovenia | si | | Solomon Islands | sb | | Somalia | so | | South Africa | za | | South Korea | kr | | South Sudan | ss | | Spain | es | | Sri Lanka | lk | | Sudan | sd | | Suriname | sr | | Swaziland | sz | | Sweden | se | | Switzerland | ch | | Syria | sy | | Taiwan | tw | | Tajikistan | tj | | Tanzania | tz | | Thailand | th | | Timor-Leste | tl | | Togo | tg | | Trinidad and Tobago | tt | | Tunisia | tn | | Turkey | tr | | Turkmenistan | tm | | Uganda | ug | | Ukraine | ua | | United Arab Emirates | ae | | United Kingdom | gb | | United States | us | | Uruguay | uy | | Uzbekistan | uz | | Vanuatu | vu | | Venezuela | ve | | Vietnam | vn | | West Sahara | eh | | Yemen | ye | | Zambia | zm | | Zimbabwe | zw |

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library