app.js

var os = require('os');
var gui = require('nw.gui');
var win = gui.Window.get();
var http = require('http');
var LocalAPI = require("./tilecache/local");

// Create default menu items for OSX
if (process.platform === 'darwin') {
    var mb = new gui.Menu({ type: "menubar" });
    mb.createMacBuiltin(gui.App.manifest.productName);
    win.menu = mb;
}


//setup Vue
var App = new Vue({
	el: '#pinpoint',
    components: {
    	'alert': VueStrap.alert,
    	'sidebar': VueStrap.aside,
        'accordion' : VueStrap.accordion,
        'panel': VueStrap.panel,
        'radio': VueStrap.radioBtn,
        'radio-group': VueStrap.radioGroup 
    },
    data: {
    	showMenu: false,
        currentMarker: ''
    }
});

var pinpointMap = L.map('map', {zoomControl:false}).setView([34.5259,-92.1588], 7);

L.tileLayer("http://localhost:1337/api/tiles/{z}/{x}/{y}.png", {
    maxZoom: 17,
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(pinpointMap);

//search control
var searchControl = L.control.search({});
searchControl.addTo(pinpointMap);

// draw control
var drawnItems = new L.FeatureGroup();
pinpointMap.addLayer(drawnItems);

// Initialise the draw control and pass it the FeatureGroup of editable layers
var drawControl = new L.Control.Draw({
    edit: {
        featureGroup: drawnItems
    }
});
pinpointMap.addControl(drawControl);


pinpointMap.on('click', function(e) {
    //alert(e.latlng);
});

pinpointMap.on('contextmenu',function(e){
    if(pinpointMap._zoom >= 13){
        pinpointMap.removeLayer(App.$get('currentMarker'));
        App.$set('currentMarker',L.marker([e.latlng.lat, e.latlng.lng]).addTo(pinpointMap));
        App.$get('currentMarker').bindPopup("<strong>Latitude:</strong>" + " " +  e.latlng.lat + "<br>" + "<strong>Longitude: </strong>" + " " + e.latlng.lng + "<br>").openPopup();
    }
});