@citydna/dev-tools

Dev tools

Usage no npm install needed!

<script type="module">
  import citydnaDevTools from 'https://cdn.skypack.dev/@citydna/dev-tools';
</script>

README

@citydna/maps

City of Melbourne's mapping component library. Creates handy wrappers that manage map position and state for you, providing an easy hooks-based API for manipulating maps. Additionally, provides a deck.gl wrapper and API for layer management.

Usage

  1. add a REACT_APP_MAPBOX_API_ACCESS_TOKEN=<YOUR_MAPBOX_TOKEN> into your .env file.
  2. Wrap your app with <MapProvider> at a minimum.
  3. Start developing!

InteractiveMap StaticMap Popup Marker MapContext

  • useUpdateMapViewport
  • useMapViewport
  • useMapRef

DeckGLWrapper DeckContext

  • useDeckGL