StaticMap

A map component that generates an image of a specific location that CANNOT be interacted with by the user

Props

className

String

coordinates

{ "lat": "number", "lng": "number" }

height

Number

100

isRounded

Bool

true

width

Number

200

zoom

Number

Examples

Default Usage

<StaticMap
  coordinates={{
    lat: 30.263446,
    lng: -97.785621,
  }}
/><StaticMap
  coordinates={{
    lat: 30.263446,
    lng: -97.785621,
  }}
/>

Size Modifiers

<StaticMap
  coordinates={{
    lat: 30.263446,
    lng: -97.785621,
  }}
  height={200}
  width={300}
/><StaticMap
  coordinates={{
    lat: 30.263446,
    lng: -97.785621,
  }}
  height={200}
  width={300}
/>

Zoom Modifier

<StaticMap
  coordinates={{
    lat: 30.263446,
    lng: -97.785621,
  }}
  zoom={8}
/><StaticMap
  coordinates={{
    lat: 30.263446,
    lng: -97.785621,
  }}
  zoom={8}
/>

StaticMap

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Props

Examples

Default Usage

Size Modifiers

Zoom Modifier

Props