Google Maps

The MapWrapper wraps around the google maps api, giving a convenient interface.

    Import#

    import { MapWrapper } from '@chakra-ui/react'

    Usage#

    Here's a basic usage example of the MapWrapper component:


    MapWrapper requires apiKey

    <MapWrapper
     apiKey=''
     center={ lat: -3.745, lng: -38.523 }
     zoom={1}
     width="400px"
     height="400px"
     markers={
      [
        {lat: 1, lng: 1, title: "", visible: true}
      ]
     }
    />
    Loading....
    Edit this page on GitHub