World Locations Map

Show a list of locations on a world map.

Installation

npm install @basementuniverse/world-locations-map

yarn add @basementuniverse/world-locations-map

How to use

import { WorldLocationsMap } from '@basementuniverse/world-locations-map';

<WorldLocationsMap
  background="#333"
  foreground="#777"
  locations={[
    {
      lat: 51.4,
      long: -1,
      label: 'UK',
      colour: '#0f0',
      size: 0.05
    },
  ]}
/>

Props

{
  background?: string,
  foreground?: string,
  locations: {
    long: number,
    lat: number,
    label?: string,
    size?: number,
    colour?: string,
  }[],
}