Loading works. Positioning works.
This commit is contained in:
parent
1b202d581e
commit
fc59ed3835
15
src/app.js
15
src/app.js
@ -2,26 +2,21 @@
|
||||
|
||||
const $ = require('dollr/dollr').$;
|
||||
const L = require('leaflet');
|
||||
L.Icon.Default.imagePath = 'node_modules/leaflet/dist/images/';
|
||||
|
||||
$(function () {
|
||||
console.log('loaded');
|
||||
$('button').addEventListener('click', function () {
|
||||
console.log('click');
|
||||
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');
|
||||
Map.setView([47.63, -122.32], 11);
|
||||
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||
attribution: 'Map data © <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,
|
||||
id: 'your.mapbox.project.id',
|
||||
accessToken: 'your.mapbox.public.access.token'
|
||||
maxZoom: 18
|
||||
}).addTo(Map);
|
||||
};
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user