map.js

var html = require('choo/html')
var css = require('sheetify')
var L = require('mapbox.js')
L.mapbox.accessToken = 'pk.eyJ1Ijoic2V0aHZpbmNlbnQiLCJhIjoiSXZZXzZnUSJ9.Nr_zKa-4Ztcmc1Ypl0k5nw'

module.exports = function (state, prev, send) {
  var prefix = css`
    :host {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 60px;
    }

    #map {
      height: 100%;
    }
  `

  function onload (node) {
    createMap(node, state.map)
  }

  var el = html`<div onload=${onload} id="map"></div>`  
  return html`<div class="${prefix} app-map">${el}</div>`
}

function createMap (el, options) {
  return L.mapbox.map(el, options.tiles, options)
}