ner('click', e => {

      if (! key.value.trim()) {
        alert('no key');
        return;
      }

      map = new RMRMap({
        element: '#mapbox',
        key: document.querySelector('input[name=key]').value,
        styles: document.querySelector('select[name=styles]').value,
        zoom: parseInt(document.querySelector('select[name=zoom]').value, 10),
        route: data,
        interactive: true,
        popup: (index, marker) => {
          const p = data[index];
          console.log(index, 