Tile Overlay

import { MFMap, MFTileOverlay } from "react-map4d-map"
 
 
const getUrl = (x, y, zoom, is3dMode) => {
    return `https://tile.openstreetmap.de/${zoom}/${x}/${y}.png`
},
 
const DemoTileOverlay = (props) => {
  return (
    <>
      <div style={{ width: '100%', height: '400px' }}>
        <MFMap
          options={{
            center: { lat: 16.077279, lng: 108.222275 },
            zoom: 16,
            controls: true
          }}
          accessKey={"your key"}
          version={"2.4"} >
          <MFTileOverlay
            getUrl={getUrl}
            zIndex={1}
          />
        </MFMap>
      </div>
    </>
  )
}
 
export default DemoTileOverlay;