Hello all, I have a problem in geolocation. App was perfectly running until I’ve added watchPosition to update user’s location and if the user move the marker should move too. But when I’ve added the watchPosition the application displays the timeout error when the map opened for the second time.
Here is my code
> async ngAfterViewInit() {
> await this.createMap();
> await this.getCurrentLocation();
> this.startWatchingPosition();
> console.log("la lo", this.lat, this.lng);
> }
>
> ngOnDestroy() {
> this.destroyMap();
> this.mapReady = false;
> if (this.watch != null) Geolocation.clearWatch(this.watch);
> }
>
> async getCurrentLocation() {
> try {
>
> const location = await Geolocation.getCurrentPosition();
> console.log("deneme2")
> this.lat = location.coords.latitude;
> this.lng = location.coords.longitude;
> this.la = location.coords.latitude.toString();
> this.lo = location.coords.longitude.toString();
> console.log(
> "old lat and lng",
> location.coords.latitude,
> location.coords.longitude
> );
> this.map.setCamera({
> coordinate: {
> lat: this.lat,
> lng: this.lng,
> },
> zoom: 17,
> });
> this.useerLocation(this.lat, this.lng);
> this.addPolygonsToMap();
> this.addStations();
> this.show_scooters();
> } catch (error) {
> console.error("Error getting current location:", error);
> }
> }
> async startWatchingPosition() {
> console.log("girdi");
> this.watch = await Geolocation.watchPosition(
> {
> timeout: 10000,
> maximumAge: 0,
> },
> async (position, err) => {
> if (position) {
> console.log("np ", position);
> this.map.setCamera({
> coordinate: {
> lat: position.coords.latitude,
> lng: position.coords.longitude,
> },
> zoom: 17,
> });
> if (this.locationID != null) {
> this.map.removeMarker(this.locationID);
> }
>
> this.useerLocation(
> position.coords.latitude,
> position.coords.longitude
> );
> } else {
> console.log("error is", err);
> }
> }
> );
> }