Skip to content

Instantly share code, notes, and snippets.

View MappingKat's full-sized avatar

Katrina Engelsted MappingKat

  • Glenwood Springs, CO
View GitHub Profile
@MappingKat
MappingKat / app.js
Last active August 29, 2015 14:05
Basic Map
var NPMap = {
div: 'map'
};
(function() {
var s = document.createElement('script');
s.src = 'http://www.nps.gov/npmap/npmap.js/2.0.0/npmap-bootstrap.min.js';
document.body.appendChild(s);
})();
@MappingKat
MappingKat / app.js
Last active August 29, 2015 14:05
Multiple Maps
var NPMap = [{
div: 'map-1',
scrollWheelZoom: false
},{
div: 'map-2',
scrollWheelZoom: false
}];
(function() {
var s = document.createElement('script');
@MappingKat
MappingKat / app.js
Last active August 29, 2015 14:06
Zoomify Layer
var NPMap = {
baseLayers: [{
attribution: 'Harpers Ferry Center',
height: 6738,
type: 'zoomify',
url: 'http://www.nps.gov/parkmaps/yell/img/',
width: 5069
}],
div: 'map'
};
@MappingKat
MappingKat / app.js
Last active August 29, 2015 14:06
Notifications
var NPMap = {
div: 'map',
hooks: {
init: function(callback) {
NPMap.config.L.notify
.success('Good Job!')
.info('Some helpful information.')
.warning('Something may go wrong.')
.danger('Danger!');
callback();
@MappingKat
MappingKat / app.js
Last active August 29, 2015 14:06
Styling Vector Layers
var NPMap = {
center: {
lat: 42.42,
lng: -104.71
},
div: 'map',
overlays: [{
name: 'National Parks',
popup: {
title: '<a href="http://www.nps.gov/{{toLowerCase Code}}">{{Name}}</a>'
@MappingKat
MappingKat / app.js
Last active August 29, 2015 14:06
Popups
var NPMap = {
center: {
lat: 45.3058,
lng: -116.7187
},
div: 'map',
overlays: [{
attribution: 'NPMap Team',
name: 'Parks',
popup: {
@MappingKat
MappingKat / app.js
Last active August 29, 2015 14:06
Tooltips
var NPMap = {
center: {
lat: 45.3058,
lng: -116.7187
},
div: 'map',
overlays: [{
attribution: 'NPMap Team',
popup: {
title: '{{Description}}'
@MappingKat
MappingKat / app.js
Last active August 29, 2015 14:06
Events
var el = document.getElementById('events'),
NPMap;
function addMessage(message) {
el.innerHTML += message + '<br>';
el.scrollTop = el.scrollHeight;
}
NPMap = {
div: 'map',
events: [{
@MappingKat
MappingKat / app.js
Last active August 29, 2015 14:06
Hooks
var NPMap = {
div: 'map',
hooks: {
preinit: function(callback) {
alert('preinit');
callback();
},
init: function(callback) {
alert('init');
callback();
@MappingKat
MappingKat / app.js
Last active August 29, 2015 14:06
edit-control
var NPMap = {
div: 'map',
editControl: true
};
(function() {
var s = document.createElement('script');
s.src = 'http://www.nps.gov/npmap/npmap.js/2.0.0/npmap-bootstrap.min.js';
document.body.appendChild(s);
})();