Loading works. Positioning works.

This commit is contained in:
Robin 2016-07-14 18:38:18 +02:00
parent 1b202d581e
commit fc59ed3835

View File

@ -2,26 +2,21 @@
const $ = require('dollr/dollr').$; const $ = require('dollr/dollr').$;
const L = require('leaflet'); const L = require('leaflet');
L.Icon.Default.imagePath = 'node_modules/leaflet/dist/images/';
$(function () { $(function () {
console.log('loaded'); console.log('loaded');
$('button').addEventListener('click', function () { $('button').addEventListener('click', function () {
console.log('click'); console.log('click');
navigator.geolocation.getCurrentPosition((position) => { navigator.geolocation.getCurrentPosition((position) => {
console.log(position); console.log();
Map.setView([position.coords.latitude, position.coords.longitude], 11);
}); });
}); });
});
L.Icon.Default.imagePath = 'node_modules/leaflet/dist/images/';
document.onload = function () {
const Map = L.map('map'); const Map = L.map('map');
Map.setView([47.63, -122.32], 11);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>', attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
maxZoom: 18, maxZoom: 18
id: 'your.mapbox.project.id',
accessToken: 'your.mapbox.public.access.token'
}).addTo(Map); }).addTo(Map);
}; });