PeterOrneholm/App.ts

## App.ts
import {IPositionTracker} from "IPositionTracker";
import GeoLocationPositionTracker from "GeoLocationPositionTracker";

class App {
    constructor(private positionTracker : IPositionTracker) {
    }

    start(): void {
        this.positionTracker.subscribe(c => {
            alert(`Lat: ${c.latitude}; Lon: ${c.longitude}`);
        });
    }
}

let tracker = new GeoLocationPositionTracker(true);
let app = new App(tracker);
app.start();

## GeoLocationPositionTracker.ts
import {IPositionTracker} from "IPositionTracker";
import {ICoordinates} from "ICoordinates";

export default class GeoLocationPositionTracker implements IPositionTracker {
    constructor(private enableHighAccuracy: boolean = true) {

    }

    subscribe(onNewPosition: (coords: ICoordinates) => void): void {
        const options = {
            enableHighAccuracy: this.enableHighAccuracy,
            maximumAge: 15000
        };
        navigator.geolocation.watchPosition((position) => {
            onNewPosition({
                latitude: position.coords.latitude,
                longitude: position.coords.longitude
            });
        }, null, options);
    }
}

## ICoordinates.ts
export interface ICoordinates {
    latitude: number;
    longitude: number;
}

## index.html
<!DOCTYPE html>
<html>
<head>
    <title>TypeScript</title>
    <meta charset="utf-8" />
</head>
<body>
<h1>TypeScript GPS</h1>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.22/system.js"></script>
    <script>
        System.defaultJSExtensions = true;

        System.config({
            baseURL: '/'
        });

        System.import('app.js');
    </script>
</body>
</html>

## IPositionTracker.ts
import {ICoordinates} from "ICoordinates";

export interface IPositionTracker {
    subscribe(onNewPosition: (coords: ICoordinates) => void): void;
}
	import {IPositionTracker} from "IPositionTracker";
	import GeoLocationPositionTracker from "GeoLocationPositionTracker";

	class App {
	constructor(private positionTracker : IPositionTracker) {
	}

	start(): void {
	this.positionTracker.subscribe(c => {
	alert(`Lat: ${c.latitude}; Lon: ${c.longitude}`);
	});
	}
	}

	let tracker = new GeoLocationPositionTracker(true);
	let app = new App(tracker);
	app.start();
	import {IPositionTracker} from "IPositionTracker";
	import {ICoordinates} from "ICoordinates";

	export default class GeoLocationPositionTracker implements IPositionTracker {
	constructor(private enableHighAccuracy: boolean = true) {

	}

	subscribe(onNewPosition: (coords: ICoordinates) => void): void {
	const options = {
	enableHighAccuracy: this.enableHighAccuracy,
	maximumAge: 15000
	};
	navigator.geolocation.watchPosition((position) => {
	onNewPosition({
	latitude: position.coords.latitude,
	longitude: position.coords.longitude
	});
	}, null, options);
	}
	}
	export interface ICoordinates {
	latitude: number;
	longitude: number;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<title>TypeScript</title>
	<meta charset="utf-8" />
	</head>
	<body>
	<h1>TypeScript GPS</h1>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.22/system.js"></script>
	<script>
	System.defaultJSExtensions = true;

	System.config({
	baseURL: '/'
	});

	System.import('app.js');
	</script>
	</body>
	</html>
	import {ICoordinates} from "ICoordinates";

	export interface IPositionTracker {
	subscribe(onNewPosition: (coords: ICoordinates) => void): void;
	}