How to use GeolocationPosition correctly in TypeScript?

user_2711071 0
Viewed 4386

We want to access the user's location using the Geolocation API.

This snippet works fine:

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition((position: GeolocationPosition) => console.log(position));
}

VSCode also doesn't show any errors or warnings, but the Angular CLI throws this error:

Cannot find name 'GeolocationPosition'.
navigator.geolocation.getCurrentPosition((position: GeolocationPosition) => console.log(position));

The project is using the following things:

  • Angular 11.0.6
  • tslib 2.0.0
  • ts-node 8.3.0
  • tslint 6.1.0
  • typescript 4.0.2

Also strict type checking is enabled in Angular CLI

How to use this type and other types from that API correctly?

w3c-geolocation angular typescript
2 Answers

Running TypeScript in v4.0.x brings up Position as the typename, but that appears to have been renamed to GeolocationPosition in 4.1.x. Can't find any docs on why they did that. See: https://stackoverflow.com/a/66005573/510048.

Recommend updating to the latest version of Typescript (currently 4.2.3)

user_5100480

You should be able to use the native Position type:

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition((position: Position) => console.log(position));
}
user_4653880
Related