Merge pull request #34 from Erant-s-r-o/mapfix

src/lib/Components/Game/Map/Map.svelte

@@ -1,9 +1,7 @@
 <script>
 	import { Map, controls } from '@beyonk/svelte-mapbox'
 	import { createEventDispatcher } from 'svelte'
-	import { loop_guard } from 'svelte/internal'
-	const { GeolocateControl } = controls
-	let mapComponent
+	export let mapComponent
 	let geolocateControl
 	let className = ''
 	export { className as class }
@@ -15,19 +13,17 @@
 	export let radius = false
 	export let center = { lng: 0, lat: 0 }
 	export const geo = (e) => {
-			
-			geolocateControl.dispatchEvent('geolocate')
-			if (navigator.geolocation) {
-				navigator.geolocation.getCurrentPosition((position)=>{
-					const { latitude, longitude } = position.coords
-					user = { lat: latitude, lng: longitude }
-					dispatch('move', user)
-				});
-			} else {
-				alert("Can't load your location!")
-			}
-		};
-
+		geolocateControl.dispatchEvent('geolocate')
+		if (navigator.geolocation) {
+			navigator.geolocation.getCurrentPosition((position) => {
+				const { latitude, longitude } = position.coords
+				user = { lat: latitude, lng: longitude }
+				dispatch('move', user)
+			})
+		} else {
+			alert("Can't load your location!")
+		}
+	}
 </script>
 
 <div class={className} class:radius>
@@ -39,20 +35,10 @@
 		on:ready={() => {
 			mapComponent.resize()
 			mapComponent.setCenter([center.lng, center.lat], 14)
-
 		}}
 		zoom={14}
 	>
-	<slot {user} />
-	<GeolocateControl
-		bind:this={geolocateControl}
-		on:geolocate={(e) => {
-			console.log(e)
-			const { latitude, longitude } = e.detail.coords
-			user = { lat: latitude, lng: longitude }
-			dispatch('move', user)
-		}}
-	/>
+		<slot {user} />
 	</Map>
 </div>