Smoother location grant flow

src/components/setup_load_map.ts

@@ -21,7 +21,7 @@ import { makeCircleLayers } from './addLayers/addLiveDots';
 import { makeBearingArrowPointers } from './addLayers/makebearingarrowpointers';
 import { makeGpsLayer } from './makeGpsLayer';
 import { makeContextLayerDataset } from './addLayers/contextLayer';
-import { start_location_watch } from '../user_location_lib';
+import { has_permission_to_geolocate, start_location_watch } from '../user_location_lib';
 
 export function setup_load_map(
 	map: mapboxgl.Map,
@@ -37,7 +37,10 @@ export function setup_load_map(
 	map.on('load', () => {
 		recompute_map_padding();
 		clearbottomright();
-		start_location_watch();
+
+		if (has_permission_to_geolocate()) {
+			start_location_watch();
+		}
 		// Add new sources and layers
 
 

src/routes/+page.svelte

@@ -11,7 +11,7 @@
 	import { _ } from 'svelte-i18n';
 	import { isLoading } from 'svelte-i18n';
 	import { changeRailTextOutsideNorthAmerica } from '../components/addLayers/addStops';
-	import { update_geolocation_source } from '../user_location_lib';
+	import { start_location_watch, update_geolocation_source } from '../user_location_lib';
 
 	import {
 		dark_mode_store,
@@ -857,6 +857,8 @@
 
 				mapglobal.flyTo(target);
 			}
+		} else {
+			start_location_watch();
 		}
 	}
 

src/user_location_lib.ts

@@ -13,8 +13,8 @@ geolocation_store.subscribe((g) => {
 
 export function start_location_watch() {
 	function success(pos: GeolocationPosition ) {
+		window.localStorage.setItem(permission_to_geolocate, 'true');
 		geolocation_store.set(pos);
-
 		update_geolocation_source();
 	  }