krotplatform.blogg.se - Ionic ios 11 status bar padding

#Ionic ios 11 status bar padding how to

Now go ahead and add these 2 functions below the previous functions inside pages/home/home. This function will then automatically connect the different coordinates and draw the line, and finally after we have constructed this line we call setMap on this line which draws it onto our map! To actually draw we can use a Polyline which can have a few options and most important the path which expects an array of objects like Inside that function we also check a variable currentMapTrack which always holds a reference to the current path on our map! We can then use those values to first of all add a new entry to our trackedRoute array (to have a reference to all the coordinates of the walk) and then call the redrawPath if we want to immediately update our map. Inside the startTracking function we subscribe to the position of the user which means we automatically get new coordinates from the Observable! I tried different solutions from stack overflow or other forums adding padding-top to.

#Ionic ios 11 status bar padding how to

I use Xcode emulator so I was wondering if it is an emulator issue or ionic-modal problem and how to solve it.

The biggest problem occurs in iOS11 because I can not even close the modal. It opens in the way that goes to overlap the status bar.

Watch the current GPS position of the userĪfter that we also need to add the tracked route to the storage, but that’s the easiest part of our app. I am struggling with an issue with modal in iOS.

Later this will be an array of objects, so let’s work on adding data to that array! Tracking Geolocation and Drawing on Google Map Right now, our app is also loading historic routes from the storage using loadHistoricRoutes but of course that’s still empty. You might have noticed that we also added declare var google at the top which prevents TypeScript errors later inside our code.