D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
forge
/
ebrokers.online
/
node_modules
/
@react-google-maps
/
api
/
src
/
components
/
dom
/
Filename :
OverlayView.md
back
Copy
# OverlayView example ```jsx const { GoogleMap, LoadScript } = require("../../"); const ScriptLoaded = require("../../docs/ScriptLoaded").default; const mapContainerStyle = { height: "400px", width: "800px" }; const center = { lat: 35.772, lng: -120.214 }; const onClick = () => { console.info('I have been clicked!') }; const divStyle = { background: 'white', border: '1px solid #ccc', padding: 15 }; <ScriptLoaded> <GoogleMap id="overlay-view-example" mapContainerStyle={mapContainerStyle} zoom={11} center={center} > <OverlayViewF position={center} mapPaneName={OverlayView.OVERLAY_MOUSE_TARGET} > <div style={divStyle}> <h1>OverlayView</h1> <button onClick={onClick} type='button' > Click me </button> </div> </OverlayViewF> </GoogleMap> </ScriptLoaded> ```