How to make map display full screen on ionic 5 react

Hi, I am having some trouble intergrating the map api display for ionic 5 React. When I use it, it doesn’t cover the whole screen. [it show up half of the screen] I used width 100vw and height 100vh for the map container as well as the tomtom map css.

Probably you need to add map.resize() once the map is loaded.
You can check how I did that in this repo: https://github.com/szogoon/tomtom-ionic5/blob/master/src/components/MapContainer.tsx

1 Like