react-google-maps-addons

Collection of addons for react-google-maps

Addon Components: * Padding

Padding (offset)

It will add invisible divs to map controls at CENTER ControlPosition.

Aware of the padding: * opened InfoWindow

Unaware: * fitBounds, zoom, ... (for now... WIP)

Props

Name	Type	Default	Examples
top, right, bottom, left	String	null	"200px", "10%"

Example

import {GoogleMap} from "react-google-maps";
import {Padding} from "react-google-maps-addons";

export default function PaddedMap (props) {
    return (
        <section style={{height: "100%"}}>
            <GoogleMap containerProps={{
                    style: {
                        height: "100%",
                    },
                }}
                defaultZoom={3}
            >
                <Padding left="300px" />
                // other components...
            </GoogleMap>
        </section>
    );
}