'use strict';

const $ = require('dollr/dollr').$;
const L = require('leaflet');

$(function () {
  console.log('loaded');
  $('button').addEventListener('click', function () {
    console.log('click');
    navigator.geolocation.getCurrentPosition((position) => {
      console.log(position);
    });
  });
});

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 &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,
    id: 'your.mapbox.project.id',
    accessToken: 'your.mapbox.public.access.token'
  }).addTo(Map);
};