diff --git a/test_geoloc.html b/test_geoloc.html new file mode 100644 index 0000000000000000000000000000000000000000..6b97d5c2b1c21157507d1c550811aaa100cf4825 --- /dev/null +++ b/test_geoloc.html @@ -0,0 +1,38 @@ + + +<!DOCTYPE html> +<html> +<head> + <meta charset='utf-8' /> + <title>Locate the user</title> + <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> + <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.41.0/mapbox-gl.js'></script> + <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.41.0/mapbox-gl.css' rel='stylesheet' /> + <style> + body { margin:0; padding:0; } + #map { position:absolute; top:0; bottom:0; width:100%; } + </style> +</head> +<body> + +<div id='map'></div> +<script> +mapboxgl.accessToken = 'pk.eyJ1IjoicmVtaWphbW91cyIsImEiOiJjajlueGcxN2M0eTJuMnd0NHFnMWx0YWllIn0.GDPrMcJIqwip7f304I0bBQ'; +var map = new mapboxgl.Map({ + container: 'map', // container id + style: 'mapbox://styles/mapbox/streets-v9', + center: [-96, 37.8], // starting position + zoom: 3 // starting zoom +}); + +// Add geolocate control to the map. +map.addControl(new mapboxgl.GeolocateControl({ + positionOptions: { + enableHighAccuracy: true + }, + trackUserLocation: true +})); +</script> + +</body> +</html> \ No newline at end of file