react-staticmapzoom

Static map zoom

A React component which mimics the auto zoom mini-map found on geo-tagged photos Flickr pages.

See examples

PropTypes

{
    center: PropTypes.array.isRequired,
    // [latitude, longitude] of the center, as WGS-84 coordinates.
    zooms: PropTypes.array,
    // Zoom levels, as integers. Default: [3, 6, 14] (Flickr setting).
    provider: PropTypes.string,
    // Provider string. For now 'google', 'openMapQuest' or 'mapbox'. Default: 'google'.
    apiKey: PropTypes.string,
    // Provider-specific API key or token, if needed. Consult the provider's doc.
    width: PropTypes.number,
    // Width of the component, in pixels. Default: 250.
    height: PropTypes.number,
    // Height of the component, in pixels. Default: 250.
    href: PropTypes.string,
    // Url of the link when clicking. If omitted, renders as a simple <div>. Default: none.
    reticle: PropTypes.bool
    // Indicates if a circle should be drawn around the center. Default: false.
}