rlayers/docs/4100.bundle.js

React Components for OpenLayers

"use strict";(self.webpackChunkrlayers=self.webpackChunkrlayers||[]).push([[4100],{4100:(e,n,a)=>{a.r(n),a.d(n,{default:()=>o});const o="import React, {JSX, useCallback} from 'react';\nimport {fromLonLat} from 'ol/proj';\nimport 'ol/ol.css';\n\nimport {RMap, ROSM, RControl} from 'rlayers';\n\nconst origin = [2.364, 48.82];\n\n// Most of the customization is in the example-overview CSS class\n// Include the OpenLayers built-in .ol-overviewmap to avoid recreating everything from scratch\n\nexport default function Overview(): JSX.Element {\n    const [collapsed, setCollapsed] = React.useState(false);\n    return (\n        <React.Fragment>\n            <RMap className='example-map' initial={{center: fromLonLat(origin), zoom: 11}}>\n                <ROSM />\n                <RControl.ROverviewMap\n                    className='ol-overviewmap example-overview'\n                    collapsed={collapsed}\n                >\n                    <ROSM />\n                </RControl.ROverviewMap>\n            </RMap>\n            <button\n                className='btn btn-primary'\n                onClick={useCallback(() => setCollapsed(!collapsed), [collapsed])}\n            >\n                Optional external toggle\n            </button>\n        </React.Fragment>\n    );\n}\n"}}]);