dpaw-qweb-app/src/leaflet-component.js

Simple viewer app to interface with QGIS/monorail

/**
 * @fileOverview
 * @name leaflet-component.js
 * @author Gavin Coombes
 * @license BSD-3-Clause
 *
 * Reuseable Cycle.js component for a leaflet map
 *
 */

var L = require('leaflet');
var u = require('dpaw-brocket-utility');
var log = u.log;

let LeafletWidget = {
  type: 'Widget',

  init() {
    let self = this;
    let elem = document.createElement('div');
    let map = L.map(elem).setView([-26.05, 113.77], 8);
    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png').addTo(map) ;
    elem.setAttribute('id', 'map');
    elem.myProps = {
      map: map
    };
    self.map = map;

    let gdata = {
      "type": "Feature",
      "geometry": {
        "type": "Polygon",
        "coordinates": [
          [
            [113.3, -26.5],
            [114.3, -26.5],
            [114.3, -25.5],
            [113.3, -25.5],
            [113.3, -26.5]]]}};
    let feat_layer = L.geoJson().addTo(map);
    feat_layer.addData(gdata);

    return elem;
  },

  update(previous, domNode) {},

  destroy(){}
};

module.exports = LeafletWidget;