JSPM

react-native-world-map-svg

1.0.4
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 1
    • Score
      100M100P100Q12850F
    • License ISC

    clickable world map build with react-native

    Package Exports

    • react-native-world-map-svg

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-world-map-svg) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    world-map-svg

    Clickable World Map SVG.

    Example

    import { StyleSheet, Text, View } from 'react-native';

    import WorldMap from 'react-native-world-map-svg'

    export default function App() {
    return (

    <WorldMap onSelectContinent={(el) => alert(el)} color='black' selectedColor="red" />

    );
    }

    Property Type Required Default value Description
    color string yes the color of the map
    selectedColor string yes when you select a Continent it get's this color
    Continentcolors object no if you want each continent to have it's own color example const colors ={ Africa:'#5B8437', SouthAmerica: '#DE7480', Europe: '#CE3B29', Asia: '#E7C73E', NorthAmerica: '#E6813E', Australia: '#815C28' }
    onSelectContinent funciton yes callback when the the continent is selected

    See it on Github