From 99d064310613cf2bd4f26b508bda966584c4f422 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?R=C3=A9mi=20JAMOUS?= <remi.jamous@ensiie.fr> Date: Mon, 6 Nov 2017 11:56:02 +0100 Subject: [PATCH] Upload New File --- test_geoloc.html | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 test_geoloc.html diff --git a/test_geoloc.html b/test_geoloc.html new file mode 100644 index 0000000..6b97d5c --- /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 -- GitLab