Jekyll2022-07-15T14:07:26-07:00/feed.xmlDavidJVitale.comMount Whitney2020-08-01T00:00:00-07:002020-08-01T00:00:00-07:00/blog/travel/day-hikes/mt-whitney<div id="leaflet-map-33b16506acd4db7d01d062dbcf7b0e0b" class="leaflet-map"></div>
<script>(() => {
// Specify configuration variables, setup any elements and styling
var leafletCdn = "https://unpkg.com/leaflet@1.6.0/dist/";
var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
// Get tag input arguments & inside block object list
var tagInputArg = {"zoom" : 13,
"center": [36.578457, -118.29237] } ;
var blockLeafletItems = [
{id: "354146ff34a263c9a337aba948d11639",
type: "LeafletGeoJSON",
value: "/assets/personal/geojson/day-hikes/2020-08-01-mt-whitney.geojson" },
];
// Override the map div id if specified, apply default CSS
var defaultMapElId = "leaflet-map-33b16506acd4db7d01d062dbcf7b0e0b";
var defaultMapElStyle = "height:300px; margin-top:15px; margin-bottom:15px";
var mapEl = document.getElementById(defaultMapElId);
if('divId' in tagInputArg){
mapEl.id = tagInputArg['divId'];
}
var defaultMapCssEl = document.createElement("style");
defaultMapCssEl.innerHTML =
"#" + defaultMapElId + "{" + defaultMapElStyle + "}";
document.head.appendChild(defaultMapCssEl);
var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
// Actual mapping section; Specify a function to be called later that
// assembles the correct JS components based on what the user specified in the
// tag input arg, the block section of features, etc. Actually creates the map
// that is visible on the page
function _getCenter(){
var defaultCenter = [0,0];
if("center" in tagInputArg){
return tagInputArg.center;
} else {
return defaultCenter;
}
}
function _getZoom(){
var defaultZoom = 1;
if("zoom" in tagInputArg){
return tagInputArg.zoom
} else {
return defaultZoom;
}
}
function _getProviderBasemap(){
var defaultProviderBasemap = "OpenStreetMap.Mapnik";
if("providerBasemap" in tagInputArg){
return tagInputArg.providerBasemap;
} else {
return defaultProviderBasemap;
}
}
function _addMarkerToMap(leafletItem, map){
var m = leafletItem.value;
var result = L.marker([m.latitude, m.longitude]).addTo(map);
var potentialPopup = "";
if('popupContent' in m){
potentialPopup += m.popupContent;}
if('href' in m){
potentialPopup += '<a href="' + m.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
result.bindPopup(potentialPopup);}
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from marker
map.panTo(new L.LatLng(m.latitude, m.longitude));
}
}
function _onEachFeature(feature, layer){
var potentialPopup = ""
if(feature.properties && feature.properties.popupContent){
potentialPopup += feature.properties.popupContent;
}
if(feature.properties && feature.properties.href){
potentialPopup +=
'<a href="' + feature.properties.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
layer.bindPopup(potentialPopup);
}
}
function _addGeoJSONToMap(leafletItem, map){
if(typeof leafletItem.value === "string"){
fetch(leafletItem.value).then((resp) => {
return resp.json();
}).then((data) => {
leafletItem.value = data;
_addGeoJSONObjToMap(leafletItem, map);
}).catch((err) => {
console.log("Encountered err w/ geojson, attempting to fix..");
console.log(err);
_addGeoJSONObjToMap(leafletItem, map);
});
} else {
_addGeoJSONObjToMap(leafletItem, map);
}
}
function _addGeoJSONObjToMap(leafletItem, map){
var geojson = L.geoJSON(leafletItem.value, {
onEachFeature: _onEachFeature
});
layers = geojson.getLayers();
for(var i=0; i<layers.length; i++){
try{
var geom = layers[i].feature.geometry;
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from geojson
//console.log("panning to " + geom.coordinates);
map.panTo(new L.LatLng(geom.coordinates[1],
geom.coordinates[0]));
}
} catch(e){}
}
geojson.addTo(map);
}
function _processLeafletItem(leafletItem, map){
switch(leafletItem.type){
case "LeafletMarker":
_addMarkerToMap(leafletItem, map);
break;
case "LeafletGeoJSON":
_addGeoJSONToMap(leafletItem, map);
break;
case undefined:
break;
default:
console.log("Couldn't add item " + leafletItem.id);
break;
}
}
//The actual section that is called that creates a map
function createMap(){
console.log("Creating map 33b16506acd4db7d01d062dbcf7b0e0b with these args:");
console.log(tagInputArg);
//Initialize Map with the correct input arguments
var map = L.map(mapEl.id,
{worldCopyJump: true}).setView(_getCenter(), _getZoom());
L.tileLayer.provider(_getProviderBasemap()).addTo(map);
if("esriBasemap" in tagInputArg){
L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
}
//process each Leaflet Item passed in between the block tag middle
for(var i=0; i<blockLeafletItems.length; i++){
var leafletItem = blockLeafletItems[i];
console.log("Adding leaflet item " + leafletItem.id + ":");
console.log(leafletItem);
_processLeafletItem(leafletItem, map);
}
}
// Load the correct JS libraries/CSS by adding to head:
// When ready, call createMap() to create the map on the page
function _createMap(){
// helper function to draw the map only when everything is loaded,
// safeguards against multiple calls to window.onload
var prevOnLoad;
if(window.onload){
prevOnLoad = window.onload;
}
window.onload = () => {
createMap();
if(prevOnLoad){
prevOnLoad();
}
}
}
var leafletCssId = "leaflet-css-head";
var leafletJsId = "leaflet-js-head";
var esriLeafletJsId = "esri-leaflet-js-head";
var leafletProvidersJsId = "leaflet-providers-js-head";
// Add the leaflet CSS first, don't worry about when it loads
var leafletCssEl = document.createElement("link");
leafletCssEl.id = leafletCssId;
leafletCssEl.rel = "stylesheet";
leafletCssEl.href = leafletCdn + "leaflet.css";
if(!document.getElementById(leafletCssEl.id)){
document.head.appendChild(leafletCssEl);
}
function addToHeadIfNotLoaded(el) {
//Add the el to the head if it doesn't exist already. If it does,
//everything we need is already loaded, so draw the map
if(!document.getElementById(el.id)){
document.head.appendChild(el);
} else {
_createMap();
}
}
// Load the main leaflet.js code, wait for it to load
var leafletJsEl = document.createElement("script");
leafletJsEl.id = leafletJsId;
leafletJsEl.onload = () => {
//After loaded, load the esri-leaflet.js code, wait for it to load
var esriEl = document.createElement("script");
esriEl.id = esriLeafletJsId;
esriEl.onload = () => {
//After loaded, add the inline leaflet-providers <script>
provEl = document.createElement("script");
provEl.id = leafletProvidersJsId;
provEl.innerHTML = `//Taken from https://github.com/leaflet-extras/leaflet-providers
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' && module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName && 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> ' +
'hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>'
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://www.openstreetmap.bzh/" target="_blank">Breton OpenStreetMap Team</a>',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
}
},
OpenPtMap: {
url: 'http://openptmap.org/tiles/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: © <a href="http://www.openptmap.org">OpenPtMap</a> contributors'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://www.OpenRailwayMap.org">OpenRailwayMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="http://www.openfiremap.org">OpenFireMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://blog.safecast.org/about/">SafeCast</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© <a href="http://www.thunderforest.com/">Thunderforest</a>, {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '<insert your api key here>',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer'
}
},
OpenMapSurfer: {
url: 'https://maps.heigit.org/openmapsurfer/tiles/{variant}/webmercator/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
variant: 'roads',
attribution: 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> | Map data '
},
variants: {
Roads: {
options: {
variant: 'roads',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
Hybrid: {
options: {
variant: 'hybrid',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
AdminBounds: {
options: {
variant: 'adminb',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
ContourLines: {
options: {
variant: 'asterc',
maxZoom: 18,
minZoom: 13,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>'
}
},
Hillshade: {
options: {
variant: 'asterh',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>, <a href="http://srtm.csi.cgiar.org/">SRTM</a>'
}
},
ElementsAtRisk: {
options: {
variant: 'elements_at_risk',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
}
}
},
Hydda: {
url: 'https://{s}.tile.openstreetmap.se/hydda/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
variant: 'full',
attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data {attribution.OpenStreetMap}'
},
variants: {
Full: 'full',
Base: 'base',
RoadsAndLabels: 'roads_and_labels'
}
},
MapBox: {
url: 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}{r}.png?access_token={accessToken}',
options: {
attribution:
'<a href="https://www.mapbox.com/about/maps/" target="_blank">© Mapbox</a> ' +
'{attribution.OpenStreetMap} ' +
'<a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a>',
subdomains: 'abcd',
id: 'mapbox.streets',
accessToken: '<insert your access token here>',
}
},
Stamen: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
attribution:
'Map tiles by <a href="http://stamen.com">Stamen Design</a>, ' +
'<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — ' +
'Map data {attribution.OpenStreetMap}',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
variant: 'toner',
ext: 'png'
},
variants: {
Toner: 'toner',
TonerBackground: 'toner-background',
TonerHybrid: 'toner-hybrid',
TonerLines: 'toner-lines',
TonerLabels: 'toner-labels',
TonerLite: 'toner-lite',
Watercolor: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
Terrain: {
options: {
variant: 'terrain',
minZoom: 0,
maxZoom: 18
}
},
TerrainBackground: {
options: {
variant: 'terrain-background',
minZoom: 0,
maxZoom: 18
}
},
TopOSMRelief: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'toposm-color-relief',
ext: 'jpg',
bounds: [[22, -132], [51, -56]]
}
},
TopOSMFeatures: {
options: {
variant: 'toposm-features',
bounds: [[22, -132], [51, -56]],
opacity: 0.9
}
}
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: ©2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean_Basemap',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © <a href="http://openweathermap.org">OpenWeatherMap</a>',
apiKey:'<insert your api key here>',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}&app_code={app_code}&lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' <a href="http://developer.here.com">HERE</a>',
subdomains: '1234',
mapID: 'newest',
'app_id': '<insert your app_id here>',
'app_code': '<insert your app_code here>',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'http://t{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: '1234',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, vizualization CC-By-SA 2.0 <a href="http://freemap.sk">Freemap.sk</a>'
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd',
maxZoom: 19,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://maps{s}.wien.gv.at/basemap/{variant}/normal/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://www.basemap.at">basemap.at</a>',
subdomains: ['', '1', '2', '3', '4'],
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © <a href="kadaster.nl">Kadaster</a>'
},
variants: {
'standaard': 'brtachtergrondkaart',
'pastel': 'brtachtergrondkaartpastel',
'grijs': 'brtachtergrondkaartgrijs',
'luchtfoto': {
'url': 'https://geodata.nationaalgeoregister.nl/luchtfoto/rgb/wmts/1.0.0/2016_ortho25/EPSG:3857/{z}/{x}/{y}.png',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(<a href="https://earthdata.nasa.gov">ESDIS</a>) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '<a href="http://geo.nls.uk/maps/">National Library of Scotland Historic Maps</a>',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'http://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '<a href="http://www.justicemap.org/terms.php">Justice Map</a>',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
Wikimedia: {
url: 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}{r}.png',
options: {
attribution: '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>',
minZoom: 1,
maxZoom: 19
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER={variant}&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
options: {
attribution: '<a target="_blank" href="https://www.geoportail.gouv.fr/">Geoportail France</a>',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/jpeg',
style : 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD'
},
variants: {
parcels: {
options : {
variant: 'CADASTRALPARCELS.PARCELS',
maxZoom: 20,
style : 'bdparcellaire',
format: 'image/png'
}
},
ignMaps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
maps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD',
orthos: {
options: {
maxZoom: 19,
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '<img src="https://docs.onemap.sg/maps/images/oneMap64-01.png" style="height:20px;width:20px;"/> New OneMap | Map data © contributors, <a href="http://SLA.gov.sg">Singapore Land Authority</a>'
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
`;
if(!document.getElementById(provEl.id)){
document.head.appendChild(provEl);
}
_createMap();
}
esriEl.src = esriLeafletCdn + "esri-leaflet.js";
addToHeadIfNotLoaded(esriEl);
};
leafletJsEl.src = leafletCdn + "leaflet.js";
addToHeadIfNotLoaded(leafletJsEl);
})();
</script>
<p>After months of planning and training, we have finally summitted the tallest point in the continental United States: Mount Whitney. Much thanks to this awesome group of folks for the epic adventure!!</p>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/group.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/group.jpg" /></a>
<figcaption>Left to right: David, Vish, Rebecca, Alex, Sam, Olivia</figcaption>
</figure>
<h2 id="preparation">Preparation</h2>
<p>This journey started in February of 2020, when we applied for (and won) day hike <a href="https://www.recreation.gov/permits/233260">permits</a> in the lottery system. A few months later we were starting our physical and mental training by doing various day hikes in the Southern California area (San Bernardino Peak, Ontario Peak, etc), <a href="/blog/travel/misc/backpacking/cottonwood-pass">a backpacking journey</a>, cardio workouts, etc. The two main guiding principles were 1) get into good cardio shape, and 2) spend time above 10,000 feet. Mount Whitney is a grueling 22+ mile hike with a 6000+ foot elevation gain to 14,508 feet – Not exactly a walk in the park.</p>
<p>2 weeks before our Whitney trip, we did the nearby <a href="/blog/travel/day-hikes/mt-langley">Mount Langley</a> hike (~20 mile, ~5000 feet gain to 14,000 feet). In my opinion, this was probably the best thing we did for our preparation – It is a very similar hike to Mount Whitney, and we were able to get used to elevation effects at 14,000+ feet.</p>
<h2 id="mount-whitney">Mount Whitney</h2>
<p>Our permit is for Saturday. We arrive to Lone Pine camp on Thursday night, and spend Friday above 10,000 feet in the nearby Onion Valley to help with acclimation. On Friday night I pack my bag with all food and supplies, wear my hiking clothes to sleep, and get in bed at 9PM for our lovely early alarm.</p>
<h3 id="130-am">1:30 AM</h3>
<p>My alarm goes off. I am groggy but excited. After stumbling out of my tent and shoving some food in my mouth, I double check my gear and we drive up to the trailhead.</p>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/1am.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/1am.jpg" /></a>
<figcaption></figcaption>
</figure>
<h3 id="245-am">2:45 AM</h3>
<p>We reach the trailhead and officially start our hike. My body is confused that is hiking instead of sleeping, so it was a bit of a rough start. But headlamp hiking under the stars was still an awesome experience. The highlight was probably the bats flying around!</p>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/2am.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/2am.jpg" /></a>
<figcaption></figcaption>
</figure>
<h2 id="600-am">6:00 AM</h2>
<p><img src="/assets/personal/day-hikes/mt-whitney/second-breakfast.gif" alt="" /></p>
<p>We take a break to watch the sun rise, drink coffee, and eat our second breakfast. The caffeine, food, and sunlight increase my mood greatly. The sunrise was so beautiful–hard to put into words!</p>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/sunrise.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/sunrise.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/yoga-1.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/yoga-1.jpg" /></a>
<figcaption>There might have been impromptu mountain yoga</figcaption>
</figure>
<h2 id="730-am">7:30 AM</h2>
<p>We are a bit over halfway to the top, and we take a longer break to filter water at this last water source. I am experiencing minor altitude sickness and major mental apprehension looking at this rocky, steep trail ahead of us. We are making good pace, so I just focus on my breathing and continue onward.</p>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/going-up.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/going-up.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/last-water.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/last-water.jpg" /></a>
<figcaption></figcaption>
</figure>
<h2 id="930-am">9:30 AM</h2>
<p>I am feeling the full effects of the altitude, leaning into the silliness and having a great time. We have intense discussions that shall not be repeated (what happens above 12,000 feet stays above 12,000 feet). The human experience and the nature of reality are questioned. We break the ceremonial Pop Tart in communion for our last mile.</p>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/poptart.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/poptart.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/pano.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/pano.jpg" /></a>
<figcaption></figcaption>
</figure>
<h2 id="1030-am">10:30 AM</h2>
<p>We reach the summit. There is no better word to describe how I feel other than “drunk”. We take our photos, explore, and nap. I am euphoric, but a bit sad that this journey is over. I still soak it all in as we break for an hour (which only seems like 10 minutes).</p>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/pano-2.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/pano-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/group.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/group.jpg" /></a>
<figcaption></figcaption>
</figure>
<h2 id="1200-pm">12:00 PM</h2>
<p>We start our descent. The throbbing headache fades away, but is replaced with raw exhaustion. Amazing views going down, including the parts we didn’t see in the dark. I get to use my “wag bag”, which was an experience.</p>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/descent-1.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/descent-1.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/descent-2.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/descent-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<h2 id="545-pm">5:45 PM</h2>
<p>We finish our adventure! We get back to our campsite, celebrate our success with some champagne, and eat a delicious dinner that Scott and Claire made (Much love to these two for manning the camp and hanging out with us!)</p>
<figure>
<a href="/assets/personal/day-hikes/mt-whitney/after.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-whitney/after.jpg" /></a>
<figcaption></figcaption>
</figure>
<h1 id="reflection">Reflection</h1>
<p>I feel very blessed after doing this adventure. We used our incredible human minds and bodies to achieve a feat we have tirelessly worked towards for months. We have access to beautiful land, and the ability to respectfully use it. There is nothing but positive vibes associated with this adventure, and I have nothing to share but gratitude. Thank you to Vish, Rebecca, Alex, Sam, Olivia, Scott, Claire, and all others whom I have shared experiences with in the outdoors. I hope there is more to come!! I will leave you with a quote:</p>
<blockquote>
<p>Climb the mountains and get their good tidings. Nature’s peace will flow into you as sunshine flows into trees. The winds will blow their own freshness into you, and the storms their energy, while cares will drop away from you like the leaves of Autumn.</p>
<ul>
<li>John Muir</li>
</ul>
</blockquote>David VitaleMount Langley2020-07-18T00:00:00-07:002020-07-18T00:00:00-07:00/blog/travel/day-hikes/mt-langley<div id="leaflet-map-9b0e3d48be105599e9469513219fad19" class="leaflet-map"></div>
<script>(() => {
// Specify configuration variables, setup any elements and styling
var leafletCdn = "https://unpkg.com/leaflet@1.6.0/dist/";
var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
// Get tag input arguments & inside block object list
var tagInputArg = {"zoom" : 11 } ;
var blockLeafletItems = [
{id: "6f3a752a0ebc79871b49b6923d541a61",
type: "LeafletMarker",
value: {"latitude" : 36.448341,
"longitude" : -118.170669,
"popupContent": "Mount Langley" } },
{id: "a5260210e32c8b6bfdfaf36ca4777e5a",
type: "LeafletGeoJSON",
value: "/assets/personal/geojson/day-hikes/2020-07-18-mt-langley.geojson" },
];
// Override the map div id if specified, apply default CSS
var defaultMapElId = "leaflet-map-9b0e3d48be105599e9469513219fad19";
var defaultMapElStyle = "height:300px; margin-top:15px; margin-bottom:15px";
var mapEl = document.getElementById(defaultMapElId);
if('divId' in tagInputArg){
mapEl.id = tagInputArg['divId'];
}
var defaultMapCssEl = document.createElement("style");
defaultMapCssEl.innerHTML =
"#" + defaultMapElId + "{" + defaultMapElStyle + "}";
document.head.appendChild(defaultMapCssEl);
var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
// Actual mapping section; Specify a function to be called later that
// assembles the correct JS components based on what the user specified in the
// tag input arg, the block section of features, etc. Actually creates the map
// that is visible on the page
function _getCenter(){
var defaultCenter = [0,0];
if("center" in tagInputArg){
return tagInputArg.center;
} else {
return defaultCenter;
}
}
function _getZoom(){
var defaultZoom = 1;
if("zoom" in tagInputArg){
return tagInputArg.zoom
} else {
return defaultZoom;
}
}
function _getProviderBasemap(){
var defaultProviderBasemap = "OpenStreetMap.Mapnik";
if("providerBasemap" in tagInputArg){
return tagInputArg.providerBasemap;
} else {
return defaultProviderBasemap;
}
}
function _addMarkerToMap(leafletItem, map){
var m = leafletItem.value;
var result = L.marker([m.latitude, m.longitude]).addTo(map);
var potentialPopup = "";
if('popupContent' in m){
potentialPopup += m.popupContent;}
if('href' in m){
potentialPopup += '<a href="' + m.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
result.bindPopup(potentialPopup);}
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from marker
map.panTo(new L.LatLng(m.latitude, m.longitude));
}
}
function _onEachFeature(feature, layer){
var potentialPopup = ""
if(feature.properties && feature.properties.popupContent){
potentialPopup += feature.properties.popupContent;
}
if(feature.properties && feature.properties.href){
potentialPopup +=
'<a href="' + feature.properties.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
layer.bindPopup(potentialPopup);
}
}
function _addGeoJSONToMap(leafletItem, map){
if(typeof leafletItem.value === "string"){
fetch(leafletItem.value).then((resp) => {
return resp.json();
}).then((data) => {
leafletItem.value = data;
_addGeoJSONObjToMap(leafletItem, map);
}).catch((err) => {
console.log("Encountered err w/ geojson, attempting to fix..");
console.log(err);
_addGeoJSONObjToMap(leafletItem, map);
});
} else {
_addGeoJSONObjToMap(leafletItem, map);
}
}
function _addGeoJSONObjToMap(leafletItem, map){
var geojson = L.geoJSON(leafletItem.value, {
onEachFeature: _onEachFeature
});
layers = geojson.getLayers();
for(var i=0; i<layers.length; i++){
try{
var geom = layers[i].feature.geometry;
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from geojson
//console.log("panning to " + geom.coordinates);
map.panTo(new L.LatLng(geom.coordinates[1],
geom.coordinates[0]));
}
} catch(e){}
}
geojson.addTo(map);
}
function _processLeafletItem(leafletItem, map){
switch(leafletItem.type){
case "LeafletMarker":
_addMarkerToMap(leafletItem, map);
break;
case "LeafletGeoJSON":
_addGeoJSONToMap(leafletItem, map);
break;
case undefined:
break;
default:
console.log("Couldn't add item " + leafletItem.id);
break;
}
}
//The actual section that is called that creates a map
function createMap(){
console.log("Creating map 9b0e3d48be105599e9469513219fad19 with these args:");
console.log(tagInputArg);
//Initialize Map with the correct input arguments
var map = L.map(mapEl.id,
{worldCopyJump: true}).setView(_getCenter(), _getZoom());
L.tileLayer.provider(_getProviderBasemap()).addTo(map);
if("esriBasemap" in tagInputArg){
L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
}
//process each Leaflet Item passed in between the block tag middle
for(var i=0; i<blockLeafletItems.length; i++){
var leafletItem = blockLeafletItems[i];
console.log("Adding leaflet item " + leafletItem.id + ":");
console.log(leafletItem);
_processLeafletItem(leafletItem, map);
}
}
// Load the correct JS libraries/CSS by adding to head:
// When ready, call createMap() to create the map on the page
function _createMap(){
// helper function to draw the map only when everything is loaded,
// safeguards against multiple calls to window.onload
var prevOnLoad;
if(window.onload){
prevOnLoad = window.onload;
}
window.onload = () => {
createMap();
if(prevOnLoad){
prevOnLoad();
}
}
}
var leafletCssId = "leaflet-css-head";
var leafletJsId = "leaflet-js-head";
var esriLeafletJsId = "esri-leaflet-js-head";
var leafletProvidersJsId = "leaflet-providers-js-head";
// Add the leaflet CSS first, don't worry about when it loads
var leafletCssEl = document.createElement("link");
leafletCssEl.id = leafletCssId;
leafletCssEl.rel = "stylesheet";
leafletCssEl.href = leafletCdn + "leaflet.css";
if(!document.getElementById(leafletCssEl.id)){
document.head.appendChild(leafletCssEl);
}
function addToHeadIfNotLoaded(el) {
//Add the el to the head if it doesn't exist already. If it does,
//everything we need is already loaded, so draw the map
if(!document.getElementById(el.id)){
document.head.appendChild(el);
} else {
_createMap();
}
}
// Load the main leaflet.js code, wait for it to load
var leafletJsEl = document.createElement("script");
leafletJsEl.id = leafletJsId;
leafletJsEl.onload = () => {
//After loaded, load the esri-leaflet.js code, wait for it to load
var esriEl = document.createElement("script");
esriEl.id = esriLeafletJsId;
esriEl.onload = () => {
//After loaded, add the inline leaflet-providers <script>
provEl = document.createElement("script");
provEl.id = leafletProvidersJsId;
provEl.innerHTML = `//Taken from https://github.com/leaflet-extras/leaflet-providers
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' && module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName && 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> ' +
'hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>'
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://www.openstreetmap.bzh/" target="_blank">Breton OpenStreetMap Team</a>',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
}
},
OpenPtMap: {
url: 'http://openptmap.org/tiles/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: © <a href="http://www.openptmap.org">OpenPtMap</a> contributors'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://www.OpenRailwayMap.org">OpenRailwayMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="http://www.openfiremap.org">OpenFireMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://blog.safecast.org/about/">SafeCast</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© <a href="http://www.thunderforest.com/">Thunderforest</a>, {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '<insert your api key here>',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer'
}
},
OpenMapSurfer: {
url: 'https://maps.heigit.org/openmapsurfer/tiles/{variant}/webmercator/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
variant: 'roads',
attribution: 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> | Map data '
},
variants: {
Roads: {
options: {
variant: 'roads',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
Hybrid: {
options: {
variant: 'hybrid',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
AdminBounds: {
options: {
variant: 'adminb',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
ContourLines: {
options: {
variant: 'asterc',
maxZoom: 18,
minZoom: 13,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>'
}
},
Hillshade: {
options: {
variant: 'asterh',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>, <a href="http://srtm.csi.cgiar.org/">SRTM</a>'
}
},
ElementsAtRisk: {
options: {
variant: 'elements_at_risk',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
}
}
},
Hydda: {
url: 'https://{s}.tile.openstreetmap.se/hydda/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
variant: 'full',
attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data {attribution.OpenStreetMap}'
},
variants: {
Full: 'full',
Base: 'base',
RoadsAndLabels: 'roads_and_labels'
}
},
MapBox: {
url: 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}{r}.png?access_token={accessToken}',
options: {
attribution:
'<a href="https://www.mapbox.com/about/maps/" target="_blank">© Mapbox</a> ' +
'{attribution.OpenStreetMap} ' +
'<a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a>',
subdomains: 'abcd',
id: 'mapbox.streets',
accessToken: '<insert your access token here>',
}
},
Stamen: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
attribution:
'Map tiles by <a href="http://stamen.com">Stamen Design</a>, ' +
'<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — ' +
'Map data {attribution.OpenStreetMap}',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
variant: 'toner',
ext: 'png'
},
variants: {
Toner: 'toner',
TonerBackground: 'toner-background',
TonerHybrid: 'toner-hybrid',
TonerLines: 'toner-lines',
TonerLabels: 'toner-labels',
TonerLite: 'toner-lite',
Watercolor: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
Terrain: {
options: {
variant: 'terrain',
minZoom: 0,
maxZoom: 18
}
},
TerrainBackground: {
options: {
variant: 'terrain-background',
minZoom: 0,
maxZoom: 18
}
},
TopOSMRelief: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'toposm-color-relief',
ext: 'jpg',
bounds: [[22, -132], [51, -56]]
}
},
TopOSMFeatures: {
options: {
variant: 'toposm-features',
bounds: [[22, -132], [51, -56]],
opacity: 0.9
}
}
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: ©2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean_Basemap',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © <a href="http://openweathermap.org">OpenWeatherMap</a>',
apiKey:'<insert your api key here>',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}&app_code={app_code}&lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' <a href="http://developer.here.com">HERE</a>',
subdomains: '1234',
mapID: 'newest',
'app_id': '<insert your app_id here>',
'app_code': '<insert your app_code here>',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'http://t{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: '1234',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, vizualization CC-By-SA 2.0 <a href="http://freemap.sk">Freemap.sk</a>'
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd',
maxZoom: 19,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://maps{s}.wien.gv.at/basemap/{variant}/normal/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://www.basemap.at">basemap.at</a>',
subdomains: ['', '1', '2', '3', '4'],
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © <a href="kadaster.nl">Kadaster</a>'
},
variants: {
'standaard': 'brtachtergrondkaart',
'pastel': 'brtachtergrondkaartpastel',
'grijs': 'brtachtergrondkaartgrijs',
'luchtfoto': {
'url': 'https://geodata.nationaalgeoregister.nl/luchtfoto/rgb/wmts/1.0.0/2016_ortho25/EPSG:3857/{z}/{x}/{y}.png',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(<a href="https://earthdata.nasa.gov">ESDIS</a>) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '<a href="http://geo.nls.uk/maps/">National Library of Scotland Historic Maps</a>',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'http://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '<a href="http://www.justicemap.org/terms.php">Justice Map</a>',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
Wikimedia: {
url: 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}{r}.png',
options: {
attribution: '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>',
minZoom: 1,
maxZoom: 19
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER={variant}&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
options: {
attribution: '<a target="_blank" href="https://www.geoportail.gouv.fr/">Geoportail France</a>',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/jpeg',
style : 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD'
},
variants: {
parcels: {
options : {
variant: 'CADASTRALPARCELS.PARCELS',
maxZoom: 20,
style : 'bdparcellaire',
format: 'image/png'
}
},
ignMaps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
maps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD',
orthos: {
options: {
maxZoom: 19,
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '<img src="https://docs.onemap.sg/maps/images/oneMap64-01.png" style="height:20px;width:20px;"/> New OneMap | Map data © contributors, <a href="http://SLA.gov.sg">Singapore Land Authority</a>'
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
`;
if(!document.getElementById(provEl.id)){
document.head.appendChild(provEl);
}
_createMap();
}
esriEl.src = esriLeafletCdn + "esri-leaflet.js";
addToHeadIfNotLoaded(esriEl);
};
leafletJsEl.src = leafletCdn + "leaflet.js";
addToHeadIfNotLoaded(leafletJsEl);
})();
</script>
<p>In preparation for our upcoming Mount Whitney adventure, we hiked our first 14,000+ foot mountain (“fourteener”), Mount Langley.</p>
<figure>
<a href="/assets/personal/day-hikes/mt-langley/group.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-langley/group.jpg" /></a>
<figcaption>Left to right: David, Olivia, Kaleb, Sam, Vish</figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/mt-langley/sleepy-bois.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-langley/sleepy-bois.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>This was an arduous 20+ mile/~5000 foot elevation gain hike, ending at an elevation of 14,042 feet. Nearby Mount Whitney is a similar distance/elevation hike to the top, making this a perfect training hike. The trail itself goes through Cottonwood Lakes, what was supposed to be the end of my <a href="/blog/travel/misc/backpacking/cottonwood-pass">Cottonwood Pass</a> backpacking journey if not for the snow at the time. Glad I could explore the area now with all snow was cleared!</p>
<figure>
<a href="/assets/personal/day-hikes/mt-langley/down-1.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-langley/down-1.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/mt-langley/group-2.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-langley/group-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>The hike itself was absolutely beautiful, even if grueling. The relaxing calm of Cottonwood lakes and the nearby meadows are quickly forgotten as you struggle your way up the steep Old Army Pass. The 12,000 foot height of the pass gives you just enough “altitude silliness” to push through that soul-testing last push to the top of Mount Langley.</p>
<p>As we said on the trail, what is said above 12,000 feet stays above 12,000 feet! ;)</p>
<figure>
<a href="/assets/personal/day-hikes/mt-langley/nali.jpg"><img class="travel-image" src="/assets/personal/day-hikes/mt-langley/nali.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>I had such a fun time completing this hike, and I now feel much more confident for Whitney. We have been training for Whitney all summer, I can’t wait to give it our best shot and reap the rewards of our hard efforts. Wish us luck!</p>David VitaleYellowstone & Teton Family Trip2020-06-29T00:00:00-07:002020-06-29T00:00:00-07:00/blog/travel/misc/yellowstone-family<div id="leaflet-map-a7298dd66cb21a44b153cf07fe66f538" class="leaflet-map"></div>
<script>(() => {
// Specify configuration variables, setup any elements and styling
var leafletCdn = "https://unpkg.com/leaflet@1.6.0/dist/";
var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
// Get tag input arguments & inside block object list
var tagInputArg = {"zoom" : 8 ,
"center": [44.210455, -110.624862]} ;
var blockLeafletItems = [
{id: "531556505cf4d2c35b22dc0184e286b2",
type: "LeafletMarker",
value: {"latitude" : 43.902608,
"longitude" : -110.643596,
"popupContent": "Grand Teton National Park" } },
{id: "3eace575961f2663a0744313693b4607",
type: "LeafletMarker",
value: {"latitude" : 44.395135,
"longitude" : -110.56282,
"popupContent": "Yellowstone National Park" } },
];
// Override the map div id if specified, apply default CSS
var defaultMapElId = "leaflet-map-a7298dd66cb21a44b153cf07fe66f538";
var defaultMapElStyle = "height:300px; margin-top:15px; margin-bottom:15px";
var mapEl = document.getElementById(defaultMapElId);
if('divId' in tagInputArg){
mapEl.id = tagInputArg['divId'];
}
var defaultMapCssEl = document.createElement("style");
defaultMapCssEl.innerHTML =
"#" + defaultMapElId + "{" + defaultMapElStyle + "}";
document.head.appendChild(defaultMapCssEl);
var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
// Actual mapping section; Specify a function to be called later that
// assembles the correct JS components based on what the user specified in the
// tag input arg, the block section of features, etc. Actually creates the map
// that is visible on the page
function _getCenter(){
var defaultCenter = [0,0];
if("center" in tagInputArg){
return tagInputArg.center;
} else {
return defaultCenter;
}
}
function _getZoom(){
var defaultZoom = 1;
if("zoom" in tagInputArg){
return tagInputArg.zoom
} else {
return defaultZoom;
}
}
function _getProviderBasemap(){
var defaultProviderBasemap = "OpenStreetMap.Mapnik";
if("providerBasemap" in tagInputArg){
return tagInputArg.providerBasemap;
} else {
return defaultProviderBasemap;
}
}
function _addMarkerToMap(leafletItem, map){
var m = leafletItem.value;
var result = L.marker([m.latitude, m.longitude]).addTo(map);
var potentialPopup = "";
if('popupContent' in m){
potentialPopup += m.popupContent;}
if('href' in m){
potentialPopup += '<a href="' + m.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
result.bindPopup(potentialPopup);}
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from marker
map.panTo(new L.LatLng(m.latitude, m.longitude));
}
}
function _onEachFeature(feature, layer){
var potentialPopup = ""
if(feature.properties && feature.properties.popupContent){
potentialPopup += feature.properties.popupContent;
}
if(feature.properties && feature.properties.href){
potentialPopup +=
'<a href="' + feature.properties.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
layer.bindPopup(potentialPopup);
}
}
function _addGeoJSONToMap(leafletItem, map){
if(typeof leafletItem.value === "string"){
fetch(leafletItem.value).then((resp) => {
return resp.json();
}).then((data) => {
leafletItem.value = data;
_addGeoJSONObjToMap(leafletItem, map);
}).catch((err) => {
console.log("Encountered err w/ geojson, attempting to fix..");
console.log(err);
_addGeoJSONObjToMap(leafletItem, map);
});
} else {
_addGeoJSONObjToMap(leafletItem, map);
}
}
function _addGeoJSONObjToMap(leafletItem, map){
var geojson = L.geoJSON(leafletItem.value, {
onEachFeature: _onEachFeature
});
layers = geojson.getLayers();
for(var i=0; i<layers.length; i++){
try{
var geom = layers[i].feature.geometry;
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from geojson
//console.log("panning to " + geom.coordinates);
map.panTo(new L.LatLng(geom.coordinates[1],
geom.coordinates[0]));
}
} catch(e){}
}
geojson.addTo(map);
}
function _processLeafletItem(leafletItem, map){
switch(leafletItem.type){
case "LeafletMarker":
_addMarkerToMap(leafletItem, map);
break;
case "LeafletGeoJSON":
_addGeoJSONToMap(leafletItem, map);
break;
case undefined:
break;
default:
console.log("Couldn't add item " + leafletItem.id);
break;
}
}
//The actual section that is called that creates a map
function createMap(){
console.log("Creating map a7298dd66cb21a44b153cf07fe66f538 with these args:");
console.log(tagInputArg);
//Initialize Map with the correct input arguments
var map = L.map(mapEl.id,
{worldCopyJump: true}).setView(_getCenter(), _getZoom());
L.tileLayer.provider(_getProviderBasemap()).addTo(map);
if("esriBasemap" in tagInputArg){
L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
}
//process each Leaflet Item passed in between the block tag middle
for(var i=0; i<blockLeafletItems.length; i++){
var leafletItem = blockLeafletItems[i];
console.log("Adding leaflet item " + leafletItem.id + ":");
console.log(leafletItem);
_processLeafletItem(leafletItem, map);
}
}
// Load the correct JS libraries/CSS by adding to head:
// When ready, call createMap() to create the map on the page
function _createMap(){
// helper function to draw the map only when everything is loaded,
// safeguards against multiple calls to window.onload
var prevOnLoad;
if(window.onload){
prevOnLoad = window.onload;
}
window.onload = () => {
createMap();
if(prevOnLoad){
prevOnLoad();
}
}
}
var leafletCssId = "leaflet-css-head";
var leafletJsId = "leaflet-js-head";
var esriLeafletJsId = "esri-leaflet-js-head";
var leafletProvidersJsId = "leaflet-providers-js-head";
// Add the leaflet CSS first, don't worry about when it loads
var leafletCssEl = document.createElement("link");
leafletCssEl.id = leafletCssId;
leafletCssEl.rel = "stylesheet";
leafletCssEl.href = leafletCdn + "leaflet.css";
if(!document.getElementById(leafletCssEl.id)){
document.head.appendChild(leafletCssEl);
}
function addToHeadIfNotLoaded(el) {
//Add the el to the head if it doesn't exist already. If it does,
//everything we need is already loaded, so draw the map
if(!document.getElementById(el.id)){
document.head.appendChild(el);
} else {
_createMap();
}
}
// Load the main leaflet.js code, wait for it to load
var leafletJsEl = document.createElement("script");
leafletJsEl.id = leafletJsId;
leafletJsEl.onload = () => {
//After loaded, load the esri-leaflet.js code, wait for it to load
var esriEl = document.createElement("script");
esriEl.id = esriLeafletJsId;
esriEl.onload = () => {
//After loaded, add the inline leaflet-providers <script>
provEl = document.createElement("script");
provEl.id = leafletProvidersJsId;
provEl.innerHTML = `//Taken from https://github.com/leaflet-extras/leaflet-providers
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' && module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName && 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> ' +
'hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>'
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://www.openstreetmap.bzh/" target="_blank">Breton OpenStreetMap Team</a>',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
}
},
OpenPtMap: {
url: 'http://openptmap.org/tiles/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: © <a href="http://www.openptmap.org">OpenPtMap</a> contributors'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://www.OpenRailwayMap.org">OpenRailwayMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="http://www.openfiremap.org">OpenFireMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://blog.safecast.org/about/">SafeCast</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© <a href="http://www.thunderforest.com/">Thunderforest</a>, {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '<insert your api key here>',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer'
}
},
OpenMapSurfer: {
url: 'https://maps.heigit.org/openmapsurfer/tiles/{variant}/webmercator/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
variant: 'roads',
attribution: 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> | Map data '
},
variants: {
Roads: {
options: {
variant: 'roads',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
Hybrid: {
options: {
variant: 'hybrid',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
AdminBounds: {
options: {
variant: 'adminb',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
ContourLines: {
options: {
variant: 'asterc',
maxZoom: 18,
minZoom: 13,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>'
}
},
Hillshade: {
options: {
variant: 'asterh',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>, <a href="http://srtm.csi.cgiar.org/">SRTM</a>'
}
},
ElementsAtRisk: {
options: {
variant: 'elements_at_risk',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
}
}
},
Hydda: {
url: 'https://{s}.tile.openstreetmap.se/hydda/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
variant: 'full',
attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data {attribution.OpenStreetMap}'
},
variants: {
Full: 'full',
Base: 'base',
RoadsAndLabels: 'roads_and_labels'
}
},
MapBox: {
url: 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}{r}.png?access_token={accessToken}',
options: {
attribution:
'<a href="https://www.mapbox.com/about/maps/" target="_blank">© Mapbox</a> ' +
'{attribution.OpenStreetMap} ' +
'<a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a>',
subdomains: 'abcd',
id: 'mapbox.streets',
accessToken: '<insert your access token here>',
}
},
Stamen: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
attribution:
'Map tiles by <a href="http://stamen.com">Stamen Design</a>, ' +
'<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — ' +
'Map data {attribution.OpenStreetMap}',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
variant: 'toner',
ext: 'png'
},
variants: {
Toner: 'toner',
TonerBackground: 'toner-background',
TonerHybrid: 'toner-hybrid',
TonerLines: 'toner-lines',
TonerLabels: 'toner-labels',
TonerLite: 'toner-lite',
Watercolor: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
Terrain: {
options: {
variant: 'terrain',
minZoom: 0,
maxZoom: 18
}
},
TerrainBackground: {
options: {
variant: 'terrain-background',
minZoom: 0,
maxZoom: 18
}
},
TopOSMRelief: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'toposm-color-relief',
ext: 'jpg',
bounds: [[22, -132], [51, -56]]
}
},
TopOSMFeatures: {
options: {
variant: 'toposm-features',
bounds: [[22, -132], [51, -56]],
opacity: 0.9
}
}
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: ©2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean_Basemap',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © <a href="http://openweathermap.org">OpenWeatherMap</a>',
apiKey:'<insert your api key here>',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}&app_code={app_code}&lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' <a href="http://developer.here.com">HERE</a>',
subdomains: '1234',
mapID: 'newest',
'app_id': '<insert your app_id here>',
'app_code': '<insert your app_code here>',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'http://t{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: '1234',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, vizualization CC-By-SA 2.0 <a href="http://freemap.sk">Freemap.sk</a>'
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd',
maxZoom: 19,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://maps{s}.wien.gv.at/basemap/{variant}/normal/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://www.basemap.at">basemap.at</a>',
subdomains: ['', '1', '2', '3', '4'],
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © <a href="kadaster.nl">Kadaster</a>'
},
variants: {
'standaard': 'brtachtergrondkaart',
'pastel': 'brtachtergrondkaartpastel',
'grijs': 'brtachtergrondkaartgrijs',
'luchtfoto': {
'url': 'https://geodata.nationaalgeoregister.nl/luchtfoto/rgb/wmts/1.0.0/2016_ortho25/EPSG:3857/{z}/{x}/{y}.png',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(<a href="https://earthdata.nasa.gov">ESDIS</a>) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '<a href="http://geo.nls.uk/maps/">National Library of Scotland Historic Maps</a>',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'http://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '<a href="http://www.justicemap.org/terms.php">Justice Map</a>',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
Wikimedia: {
url: 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}{r}.png',
options: {
attribution: '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>',
minZoom: 1,
maxZoom: 19
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER={variant}&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
options: {
attribution: '<a target="_blank" href="https://www.geoportail.gouv.fr/">Geoportail France</a>',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/jpeg',
style : 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD'
},
variants: {
parcels: {
options : {
variant: 'CADASTRALPARCELS.PARCELS',
maxZoom: 20,
style : 'bdparcellaire',
format: 'image/png'
}
},
ignMaps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
maps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD',
orthos: {
options: {
maxZoom: 19,
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '<img src="https://docs.onemap.sg/maps/images/oneMap64-01.png" style="height:20px;width:20px;"/> New OneMap | Map data © contributors, <a href="http://SLA.gov.sg">Singapore Land Authority</a>'
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
`;
if(!document.getElementById(provEl.id)){
document.head.appendChild(provEl);
}
_createMap();
}
esriEl.src = esriLeafletCdn + "esri-leaflet.js";
addToHeadIfNotLoaded(esriEl);
};
leafletJsEl.src = leafletCdn + "leaflet.js";
addToHeadIfNotLoaded(leafletJsEl);
})();
</script>
<p>This summer I took a week long roadtrip with my family to Yellowstone and Teton National Parks. I had been here <a href="/blog/travel/alaska-roadtrip/yellowstone">once before</a>, but it was Matthew, Olivia, Allison, and Indhu’s first time there. (Plus, Matthew/Olivia/Allison’s first time camping!). I had a great time and made some great memories to last a lifetime, thanks all :)</p>
<figure>
<a href="/assets/personal/misc-travel/yellowstone-family/yellowstone-4.jpg"><img class="travel-image" src="/assets/personal/misc-travel/yellowstone-family/yellowstone-4.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/misc-travel/yellowstone-family/camp.jpg"><img class="travel-image" src="/assets/personal/misc-travel/yellowstone-family/camp.jpg" /></a>
<figcaption></figcaption>
</figure>
<h2 id="grand-tetons">Grand Tetons</h2>
<p>We started out our trips in “Tent Cabins” in Colter Bay Village in the Tetons. These structures had bunk beds and wood burning stove, which was very useful for the first few cold and rainy days of our trip.</p>
<p>We spent most of our time in the Tetons hiking miscellaneous trails, and spent 1 day canoeing around the Colter Bay (one of my favorite days). The Tetons are much less crowded than Yellowstone, which makes this underrated park worth spending a few days in (even if it doesn’t have any thermals).</p>
<figure>
<a href="/assets/personal/misc-travel/yellowstone-family/teton-1.jpg"><img class="travel-image" src="/assets/personal/misc-travel/yellowstone-family/teton-1.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/misc-travel/yellowstone-family/teton-2.jpg"><img class="travel-image" src="/assets/personal/misc-travel/yellowstone-family/teton-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/misc-travel/yellowstone-family/teton-3.jpg"><img class="travel-image" src="/assets/personal/misc-travel/yellowstone-family/teton-3.jpg" /></a>
<figcaption></figcaption>
</figure>
<h2 id="yellowstone">Yellowstone</h2>
<p>We stayed in Grant Village in Yellowstone, spending most of our time here looking at the different thermals. Old Faithful and Grand Geyser were two amazing sites that did not disappoint. All around a great experience!</p>
<p>Our last day in camp was Indhu’s birthday, so we enjoyed a chill day at camp with no hiking. After a long trip like this it was a needed break, also one of my favorite days!</p>
<figure>
<a href="/assets/personal/misc-travel/yellowstone-family/yellowstone-1.jpg"><img class="travel-image" src="/assets/personal/misc-travel/yellowstone-family/yellowstone-1.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/misc-travel/yellowstone-family/yellowstone-2.jpg"><img class="travel-image" src="/assets/personal/misc-travel/yellowstone-family/yellowstone-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/misc-travel/yellowstone-family/yellowstone-3.jpg"><img class="travel-image" src="/assets/personal/misc-travel/yellowstone-family/yellowstone-3.jpg" /></a>
<figcaption></figcaption>
</figure>David VitaleLake Sabrina2020-06-20T00:00:00-07:002020-06-20T00:00:00-07:00/blog/travel/day-hikes/lake-sabrina<div id="leaflet-map-9bcda39f6da061cb12ed43a5e0b2841a" class="leaflet-map"></div>
<script>(() => {
// Specify configuration variables, setup any elements and styling
var leafletCdn = "https://unpkg.com/leaflet@1.6.0/dist/";
var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
// Get tag input arguments & inside block object list
var tagInputArg = {"zoom" : 13 } ;
var blockLeafletItems = [
{id: "373d2b3d2904fc3eb28c9a5a2a55824f",
type: "LeafletMarker",
value: {"latitude" : 37.213663,
"longitude" : -118.6100081,
"popupContent": "Lake Sabrina" } },
];
// Override the map div id if specified, apply default CSS
var defaultMapElId = "leaflet-map-9bcda39f6da061cb12ed43a5e0b2841a";
var defaultMapElStyle = "height:300px; margin-top:15px; margin-bottom:15px";
var mapEl = document.getElementById(defaultMapElId);
if('divId' in tagInputArg){
mapEl.id = tagInputArg['divId'];
}
var defaultMapCssEl = document.createElement("style");
defaultMapCssEl.innerHTML =
"#" + defaultMapElId + "{" + defaultMapElStyle + "}";
document.head.appendChild(defaultMapCssEl);
var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
// Actual mapping section; Specify a function to be called later that
// assembles the correct JS components based on what the user specified in the
// tag input arg, the block section of features, etc. Actually creates the map
// that is visible on the page
function _getCenter(){
var defaultCenter = [0,0];
if("center" in tagInputArg){
return tagInputArg.center;
} else {
return defaultCenter;
}
}
function _getZoom(){
var defaultZoom = 1;
if("zoom" in tagInputArg){
return tagInputArg.zoom
} else {
return defaultZoom;
}
}
function _getProviderBasemap(){
var defaultProviderBasemap = "OpenStreetMap.Mapnik";
if("providerBasemap" in tagInputArg){
return tagInputArg.providerBasemap;
} else {
return defaultProviderBasemap;
}
}
function _addMarkerToMap(leafletItem, map){
var m = leafletItem.value;
var result = L.marker([m.latitude, m.longitude]).addTo(map);
var potentialPopup = "";
if('popupContent' in m){
potentialPopup += m.popupContent;}
if('href' in m){
potentialPopup += '<a href="' + m.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
result.bindPopup(potentialPopup);}
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from marker
map.panTo(new L.LatLng(m.latitude, m.longitude));
}
}
function _onEachFeature(feature, layer){
var potentialPopup = ""
if(feature.properties && feature.properties.popupContent){
potentialPopup += feature.properties.popupContent;
}
if(feature.properties && feature.properties.href){
potentialPopup +=
'<a href="' + feature.properties.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
layer.bindPopup(potentialPopup);
}
}
function _addGeoJSONToMap(leafletItem, map){
if(typeof leafletItem.value === "string"){
fetch(leafletItem.value).then((resp) => {
return resp.json();
}).then((data) => {
leafletItem.value = data;
_addGeoJSONObjToMap(leafletItem, map);
}).catch((err) => {
console.log("Encountered err w/ geojson, attempting to fix..");
console.log(err);
_addGeoJSONObjToMap(leafletItem, map);
});
} else {
_addGeoJSONObjToMap(leafletItem, map);
}
}
function _addGeoJSONObjToMap(leafletItem, map){
var geojson = L.geoJSON(leafletItem.value, {
onEachFeature: _onEachFeature
});
layers = geojson.getLayers();
for(var i=0; i<layers.length; i++){
try{
var geom = layers[i].feature.geometry;
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from geojson
//console.log("panning to " + geom.coordinates);
map.panTo(new L.LatLng(geom.coordinates[1],
geom.coordinates[0]));
}
} catch(e){}
}
geojson.addTo(map);
}
function _processLeafletItem(leafletItem, map){
switch(leafletItem.type){
case "LeafletMarker":
_addMarkerToMap(leafletItem, map);
break;
case "LeafletGeoJSON":
_addGeoJSONToMap(leafletItem, map);
break;
case undefined:
break;
default:
console.log("Couldn't add item " + leafletItem.id);
break;
}
}
//The actual section that is called that creates a map
function createMap(){
console.log("Creating map 9bcda39f6da061cb12ed43a5e0b2841a with these args:");
console.log(tagInputArg);
//Initialize Map with the correct input arguments
var map = L.map(mapEl.id,
{worldCopyJump: true}).setView(_getCenter(), _getZoom());
L.tileLayer.provider(_getProviderBasemap()).addTo(map);
if("esriBasemap" in tagInputArg){
L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
}
//process each Leaflet Item passed in between the block tag middle
for(var i=0; i<blockLeafletItems.length; i++){
var leafletItem = blockLeafletItems[i];
console.log("Adding leaflet item " + leafletItem.id + ":");
console.log(leafletItem);
_processLeafletItem(leafletItem, map);
}
}
// Load the correct JS libraries/CSS by adding to head:
// When ready, call createMap() to create the map on the page
function _createMap(){
// helper function to draw the map only when everything is loaded,
// safeguards against multiple calls to window.onload
var prevOnLoad;
if(window.onload){
prevOnLoad = window.onload;
}
window.onload = () => {
createMap();
if(prevOnLoad){
prevOnLoad();
}
}
}
var leafletCssId = "leaflet-css-head";
var leafletJsId = "leaflet-js-head";
var esriLeafletJsId = "esri-leaflet-js-head";
var leafletProvidersJsId = "leaflet-providers-js-head";
// Add the leaflet CSS first, don't worry about when it loads
var leafletCssEl = document.createElement("link");
leafletCssEl.id = leafletCssId;
leafletCssEl.rel = "stylesheet";
leafletCssEl.href = leafletCdn + "leaflet.css";
if(!document.getElementById(leafletCssEl.id)){
document.head.appendChild(leafletCssEl);
}
function addToHeadIfNotLoaded(el) {
//Add the el to the head if it doesn't exist already. If it does,
//everything we need is already loaded, so draw the map
if(!document.getElementById(el.id)){
document.head.appendChild(el);
} else {
_createMap();
}
}
// Load the main leaflet.js code, wait for it to load
var leafletJsEl = document.createElement("script");
leafletJsEl.id = leafletJsId;
leafletJsEl.onload = () => {
//After loaded, load the esri-leaflet.js code, wait for it to load
var esriEl = document.createElement("script");
esriEl.id = esriLeafletJsId;
esriEl.onload = () => {
//After loaded, add the inline leaflet-providers <script>
provEl = document.createElement("script");
provEl.id = leafletProvidersJsId;
provEl.innerHTML = `//Taken from https://github.com/leaflet-extras/leaflet-providers
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' && module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName && 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> ' +
'hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>'
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://www.openstreetmap.bzh/" target="_blank">Breton OpenStreetMap Team</a>',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
}
},
OpenPtMap: {
url: 'http://openptmap.org/tiles/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: © <a href="http://www.openptmap.org">OpenPtMap</a> contributors'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://www.OpenRailwayMap.org">OpenRailwayMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="http://www.openfiremap.org">OpenFireMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://blog.safecast.org/about/">SafeCast</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© <a href="http://www.thunderforest.com/">Thunderforest</a>, {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '<insert your api key here>',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer'
}
},
OpenMapSurfer: {
url: 'https://maps.heigit.org/openmapsurfer/tiles/{variant}/webmercator/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
variant: 'roads',
attribution: 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> | Map data '
},
variants: {
Roads: {
options: {
variant: 'roads',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
Hybrid: {
options: {
variant: 'hybrid',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
AdminBounds: {
options: {
variant: 'adminb',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
ContourLines: {
options: {
variant: 'asterc',
maxZoom: 18,
minZoom: 13,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>'
}
},
Hillshade: {
options: {
variant: 'asterh',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>, <a href="http://srtm.csi.cgiar.org/">SRTM</a>'
}
},
ElementsAtRisk: {
options: {
variant: 'elements_at_risk',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
}
}
},
Hydda: {
url: 'https://{s}.tile.openstreetmap.se/hydda/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
variant: 'full',
attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data {attribution.OpenStreetMap}'
},
variants: {
Full: 'full',
Base: 'base',
RoadsAndLabels: 'roads_and_labels'
}
},
MapBox: {
url: 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}{r}.png?access_token={accessToken}',
options: {
attribution:
'<a href="https://www.mapbox.com/about/maps/" target="_blank">© Mapbox</a> ' +
'{attribution.OpenStreetMap} ' +
'<a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a>',
subdomains: 'abcd',
id: 'mapbox.streets',
accessToken: '<insert your access token here>',
}
},
Stamen: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
attribution:
'Map tiles by <a href="http://stamen.com">Stamen Design</a>, ' +
'<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — ' +
'Map data {attribution.OpenStreetMap}',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
variant: 'toner',
ext: 'png'
},
variants: {
Toner: 'toner',
TonerBackground: 'toner-background',
TonerHybrid: 'toner-hybrid',
TonerLines: 'toner-lines',
TonerLabels: 'toner-labels',
TonerLite: 'toner-lite',
Watercolor: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
Terrain: {
options: {
variant: 'terrain',
minZoom: 0,
maxZoom: 18
}
},
TerrainBackground: {
options: {
variant: 'terrain-background',
minZoom: 0,
maxZoom: 18
}
},
TopOSMRelief: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'toposm-color-relief',
ext: 'jpg',
bounds: [[22, -132], [51, -56]]
}
},
TopOSMFeatures: {
options: {
variant: 'toposm-features',
bounds: [[22, -132], [51, -56]],
opacity: 0.9
}
}
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: ©2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean_Basemap',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © <a href="http://openweathermap.org">OpenWeatherMap</a>',
apiKey:'<insert your api key here>',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}&app_code={app_code}&lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' <a href="http://developer.here.com">HERE</a>',
subdomains: '1234',
mapID: 'newest',
'app_id': '<insert your app_id here>',
'app_code': '<insert your app_code here>',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'http://t{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: '1234',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, vizualization CC-By-SA 2.0 <a href="http://freemap.sk">Freemap.sk</a>'
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd',
maxZoom: 19,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://maps{s}.wien.gv.at/basemap/{variant}/normal/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://www.basemap.at">basemap.at</a>',
subdomains: ['', '1', '2', '3', '4'],
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © <a href="kadaster.nl">Kadaster</a>'
},
variants: {
'standaard': 'brtachtergrondkaart',
'pastel': 'brtachtergrondkaartpastel',
'grijs': 'brtachtergrondkaartgrijs',
'luchtfoto': {
'url': 'https://geodata.nationaalgeoregister.nl/luchtfoto/rgb/wmts/1.0.0/2016_ortho25/EPSG:3857/{z}/{x}/{y}.png',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(<a href="https://earthdata.nasa.gov">ESDIS</a>) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '<a href="http://geo.nls.uk/maps/">National Library of Scotland Historic Maps</a>',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'http://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '<a href="http://www.justicemap.org/terms.php">Justice Map</a>',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
Wikimedia: {
url: 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}{r}.png',
options: {
attribution: '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>',
minZoom: 1,
maxZoom: 19
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER={variant}&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
options: {
attribution: '<a target="_blank" href="https://www.geoportail.gouv.fr/">Geoportail France</a>',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/jpeg',
style : 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD'
},
variants: {
parcels: {
options : {
variant: 'CADASTRALPARCELS.PARCELS',
maxZoom: 20,
style : 'bdparcellaire',
format: 'image/png'
}
},
ignMaps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
maps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD',
orthos: {
options: {
maxZoom: 19,
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '<img src="https://docs.onemap.sg/maps/images/oneMap64-01.png" style="height:20px;width:20px;"/> New OneMap | Map data © contributors, <a href="http://SLA.gov.sg">Singapore Land Authority</a>'
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
`;
if(!document.getElementById(provEl.id)){
document.head.appendChild(provEl);
}
_createMap();
}
esriEl.src = esriLeafletCdn + "esri-leaflet.js";
addToHeadIfNotLoaded(esriEl);
};
leafletJsEl.src = leafletCdn + "leaflet.js";
addToHeadIfNotLoaded(leafletJsEl);
})();
</script>
<p>Random camping trip near Bishop CA with Indhu, Sam, Olivia, Zack, and Vish.</p>
<figure>
<a href="/assets/personal/day-hikes/sabrina/sabrina-3.jpg"><img class="travel-image" src="/assets/personal/day-hikes/sabrina/sabrina-3.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>This area is beautiful, great for hiking and fishing. We camped nearby at “Four Jeffrey” campground, spend Saturday and Sunday hiking. The only complaint was that we were eaten alive by misquitos.</p>
<figure>
<a href="/assets/personal/day-hikes/sabrina/sabrina-1.jpg"><img class="travel-image" src="/assets/personal/day-hikes/sabrina/sabrina-1.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/sabrina/sabrina-2.jpg"><img class="travel-image" src="/assets/personal/day-hikes/sabrina/sabrina-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>Our hike culminated in a refreshing jump into Donkey Lake. It was so freezing cold, we didn’t stay in for long!</p>
<figure>
<a href="/assets/personal/day-hikes/sabrina/badass-sam.jpg"><img class="travel-image" src="/assets/personal/day-hikes/sabrina/badass-sam.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>While Sam and I nervously psyched ourselves into doing a standard dive/jump from the somewhat tall rock, Zack absolutely crushed it with the non-hesitant perfect flip. The stuff of legends, I’m still impressed.</p>
<figure>
<a href="/assets/personal/day-hikes/sabrina/badass-zack.gif"><img class="travel-image" src="/assets/personal/day-hikes/sabrina/badass-zack.gif" /></a>
<figcaption></figcaption>
</figure>David VitaleCottonwood Pass2020-05-24T00:00:00-07:002020-05-24T00:00:00-07:00/blog/travel/misc/backpacking/cottonwood-pass<div id="leaflet-map-deaa8fe2bc530bd9e6c5a8060184ddbb" class="leaflet-map"></div>
<script>(() => {
// Specify configuration variables, setup any elements and styling
var leafletCdn = "https://unpkg.com/leaflet@1.6.0/dist/";
var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
// Get tag input arguments & inside block object list
var tagInputArg = {"zoom" : 11 } ;
var blockLeafletItems = [
{id: "afa6c0648e57752549bea3def5184854",
type: "LeafletMarker",
value: {"latitude" : 36.448329,
"longitude" : -118.170717,
"popupContent": "Cottonwood Pass Trail" } },
{id: "00a93beb6afb3b3decab1c855c21bd96",
type: "LeafletGeoJSON",
value: "/assets/personal/geojson/backpacking/2020-05-22-cottonwood-day1.geojson" },
{id: "91e38ef648736be31a119fa3e9d51d17",
type: "LeafletGeoJSON",
value: "/assets/personal/geojson/backpacking/2020-05-23-cottonwood-day2b.geojson" },
{id: "74cab620a6fdb6dcf7ccca48bc59f3b7",
type: "LeafletGeoJSON",
value: "/assets/personal/geojson/backpacking/2020-05-24-cottonwood-day3.geojson" },
];
// Override the map div id if specified, apply default CSS
var defaultMapElId = "leaflet-map-deaa8fe2bc530bd9e6c5a8060184ddbb";
var defaultMapElStyle = "height:300px; margin-top:15px; margin-bottom:15px";
var mapEl = document.getElementById(defaultMapElId);
if('divId' in tagInputArg){
mapEl.id = tagInputArg['divId'];
}
var defaultMapCssEl = document.createElement("style");
defaultMapCssEl.innerHTML =
"#" + defaultMapElId + "{" + defaultMapElStyle + "}";
document.head.appendChild(defaultMapCssEl);
var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
// Actual mapping section; Specify a function to be called later that
// assembles the correct JS components based on what the user specified in the
// tag input arg, the block section of features, etc. Actually creates the map
// that is visible on the page
function _getCenter(){
var defaultCenter = [0,0];
if("center" in tagInputArg){
return tagInputArg.center;
} else {
return defaultCenter;
}
}
function _getZoom(){
var defaultZoom = 1;
if("zoom" in tagInputArg){
return tagInputArg.zoom
} else {
return defaultZoom;
}
}
function _getProviderBasemap(){
var defaultProviderBasemap = "OpenStreetMap.Mapnik";
if("providerBasemap" in tagInputArg){
return tagInputArg.providerBasemap;
} else {
return defaultProviderBasemap;
}
}
function _addMarkerToMap(leafletItem, map){
var m = leafletItem.value;
var result = L.marker([m.latitude, m.longitude]).addTo(map);
var potentialPopup = "";
if('popupContent' in m){
potentialPopup += m.popupContent;}
if('href' in m){
potentialPopup += '<a href="' + m.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
result.bindPopup(potentialPopup);}
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from marker
map.panTo(new L.LatLng(m.latitude, m.longitude));
}
}
function _onEachFeature(feature, layer){
var potentialPopup = ""
if(feature.properties && feature.properties.popupContent){
potentialPopup += feature.properties.popupContent;
}
if(feature.properties && feature.properties.href){
potentialPopup +=
'<a href="' + feature.properties.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
layer.bindPopup(potentialPopup);
}
}
function _addGeoJSONToMap(leafletItem, map){
if(typeof leafletItem.value === "string"){
fetch(leafletItem.value).then((resp) => {
return resp.json();
}).then((data) => {
leafletItem.value = data;
_addGeoJSONObjToMap(leafletItem, map);
}).catch((err) => {
console.log("Encountered err w/ geojson, attempting to fix..");
console.log(err);
_addGeoJSONObjToMap(leafletItem, map);
});
} else {
_addGeoJSONObjToMap(leafletItem, map);
}
}
function _addGeoJSONObjToMap(leafletItem, map){
var geojson = L.geoJSON(leafletItem.value, {
onEachFeature: _onEachFeature
});
layers = geojson.getLayers();
for(var i=0; i<layers.length; i++){
try{
var geom = layers[i].feature.geometry;
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from geojson
//console.log("panning to " + geom.coordinates);
map.panTo(new L.LatLng(geom.coordinates[1],
geom.coordinates[0]));
}
} catch(e){}
}
geojson.addTo(map);
}
function _processLeafletItem(leafletItem, map){
switch(leafletItem.type){
case "LeafletMarker":
_addMarkerToMap(leafletItem, map);
break;
case "LeafletGeoJSON":
_addGeoJSONToMap(leafletItem, map);
break;
case undefined:
break;
default:
console.log("Couldn't add item " + leafletItem.id);
break;
}
}
//The actual section that is called that creates a map
function createMap(){
console.log("Creating map deaa8fe2bc530bd9e6c5a8060184ddbb with these args:");
console.log(tagInputArg);
//Initialize Map with the correct input arguments
var map = L.map(mapEl.id,
{worldCopyJump: true}).setView(_getCenter(), _getZoom());
L.tileLayer.provider(_getProviderBasemap()).addTo(map);
if("esriBasemap" in tagInputArg){
L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
}
//process each Leaflet Item passed in between the block tag middle
for(var i=0; i<blockLeafletItems.length; i++){
var leafletItem = blockLeafletItems[i];
console.log("Adding leaflet item " + leafletItem.id + ":");
console.log(leafletItem);
_processLeafletItem(leafletItem, map);
}
}
// Load the correct JS libraries/CSS by adding to head:
// When ready, call createMap() to create the map on the page
function _createMap(){
// helper function to draw the map only when everything is loaded,
// safeguards against multiple calls to window.onload
var prevOnLoad;
if(window.onload){
prevOnLoad = window.onload;
}
window.onload = () => {
createMap();
if(prevOnLoad){
prevOnLoad();
}
}
}
var leafletCssId = "leaflet-css-head";
var leafletJsId = "leaflet-js-head";
var esriLeafletJsId = "esri-leaflet-js-head";
var leafletProvidersJsId = "leaflet-providers-js-head";
// Add the leaflet CSS first, don't worry about when it loads
var leafletCssEl = document.createElement("link");
leafletCssEl.id = leafletCssId;
leafletCssEl.rel = "stylesheet";
leafletCssEl.href = leafletCdn + "leaflet.css";
if(!document.getElementById(leafletCssEl.id)){
document.head.appendChild(leafletCssEl);
}
function addToHeadIfNotLoaded(el) {
//Add the el to the head if it doesn't exist already. If it does,
//everything we need is already loaded, so draw the map
if(!document.getElementById(el.id)){
document.head.appendChild(el);
} else {
_createMap();
}
}
// Load the main leaflet.js code, wait for it to load
var leafletJsEl = document.createElement("script");
leafletJsEl.id = leafletJsId;
leafletJsEl.onload = () => {
//After loaded, load the esri-leaflet.js code, wait for it to load
var esriEl = document.createElement("script");
esriEl.id = esriLeafletJsId;
esriEl.onload = () => {
//After loaded, add the inline leaflet-providers <script>
provEl = document.createElement("script");
provEl.id = leafletProvidersJsId;
provEl.innerHTML = `//Taken from https://github.com/leaflet-extras/leaflet-providers
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' && module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName && 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> ' +
'hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>'
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://www.openstreetmap.bzh/" target="_blank">Breton OpenStreetMap Team</a>',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
}
},
OpenPtMap: {
url: 'http://openptmap.org/tiles/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: © <a href="http://www.openptmap.org">OpenPtMap</a> contributors'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://www.OpenRailwayMap.org">OpenRailwayMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="http://www.openfiremap.org">OpenFireMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://blog.safecast.org/about/">SafeCast</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© <a href="http://www.thunderforest.com/">Thunderforest</a>, {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '<insert your api key here>',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer'
}
},
OpenMapSurfer: {
url: 'https://maps.heigit.org/openmapsurfer/tiles/{variant}/webmercator/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
variant: 'roads',
attribution: 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> | Map data '
},
variants: {
Roads: {
options: {
variant: 'roads',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
Hybrid: {
options: {
variant: 'hybrid',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
AdminBounds: {
options: {
variant: 'adminb',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
ContourLines: {
options: {
variant: 'asterc',
maxZoom: 18,
minZoom: 13,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>'
}
},
Hillshade: {
options: {
variant: 'asterh',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>, <a href="http://srtm.csi.cgiar.org/">SRTM</a>'
}
},
ElementsAtRisk: {
options: {
variant: 'elements_at_risk',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
}
}
},
Hydda: {
url: 'https://{s}.tile.openstreetmap.se/hydda/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
variant: 'full',
attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data {attribution.OpenStreetMap}'
},
variants: {
Full: 'full',
Base: 'base',
RoadsAndLabels: 'roads_and_labels'
}
},
MapBox: {
url: 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}{r}.png?access_token={accessToken}',
options: {
attribution:
'<a href="https://www.mapbox.com/about/maps/" target="_blank">© Mapbox</a> ' +
'{attribution.OpenStreetMap} ' +
'<a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a>',
subdomains: 'abcd',
id: 'mapbox.streets',
accessToken: '<insert your access token here>',
}
},
Stamen: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
attribution:
'Map tiles by <a href="http://stamen.com">Stamen Design</a>, ' +
'<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — ' +
'Map data {attribution.OpenStreetMap}',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
variant: 'toner',
ext: 'png'
},
variants: {
Toner: 'toner',
TonerBackground: 'toner-background',
TonerHybrid: 'toner-hybrid',
TonerLines: 'toner-lines',
TonerLabels: 'toner-labels',
TonerLite: 'toner-lite',
Watercolor: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
Terrain: {
options: {
variant: 'terrain',
minZoom: 0,
maxZoom: 18
}
},
TerrainBackground: {
options: {
variant: 'terrain-background',
minZoom: 0,
maxZoom: 18
}
},
TopOSMRelief: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'toposm-color-relief',
ext: 'jpg',
bounds: [[22, -132], [51, -56]]
}
},
TopOSMFeatures: {
options: {
variant: 'toposm-features',
bounds: [[22, -132], [51, -56]],
opacity: 0.9
}
}
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: ©2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean_Basemap',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © <a href="http://openweathermap.org">OpenWeatherMap</a>',
apiKey:'<insert your api key here>',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}&app_code={app_code}&lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' <a href="http://developer.here.com">HERE</a>',
subdomains: '1234',
mapID: 'newest',
'app_id': '<insert your app_id here>',
'app_code': '<insert your app_code here>',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'http://t{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: '1234',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, vizualization CC-By-SA 2.0 <a href="http://freemap.sk">Freemap.sk</a>'
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd',
maxZoom: 19,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://maps{s}.wien.gv.at/basemap/{variant}/normal/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://www.basemap.at">basemap.at</a>',
subdomains: ['', '1', '2', '3', '4'],
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © <a href="kadaster.nl">Kadaster</a>'
},
variants: {
'standaard': 'brtachtergrondkaart',
'pastel': 'brtachtergrondkaartpastel',
'grijs': 'brtachtergrondkaartgrijs',
'luchtfoto': {
'url': 'https://geodata.nationaalgeoregister.nl/luchtfoto/rgb/wmts/1.0.0/2016_ortho25/EPSG:3857/{z}/{x}/{y}.png',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(<a href="https://earthdata.nasa.gov">ESDIS</a>) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '<a href="http://geo.nls.uk/maps/">National Library of Scotland Historic Maps</a>',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'http://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '<a href="http://www.justicemap.org/terms.php">Justice Map</a>',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
Wikimedia: {
url: 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}{r}.png',
options: {
attribution: '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>',
minZoom: 1,
maxZoom: 19
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER={variant}&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
options: {
attribution: '<a target="_blank" href="https://www.geoportail.gouv.fr/">Geoportail France</a>',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/jpeg',
style : 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD'
},
variants: {
parcels: {
options : {
variant: 'CADASTRALPARCELS.PARCELS',
maxZoom: 20,
style : 'bdparcellaire',
format: 'image/png'
}
},
ignMaps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
maps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD',
orthos: {
options: {
maxZoom: 19,
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '<img src="https://docs.onemap.sg/maps/images/oneMap64-01.png" style="height:20px;width:20px;"/> New OneMap | Map data © contributors, <a href="http://SLA.gov.sg">Singapore Land Authority</a>'
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
`;
if(!document.getElementById(provEl.id)){
document.head.appendChild(provEl);
}
_createMap();
}
esriEl.src = esriLeafletCdn + "esri-leaflet.js";
addToHeadIfNotLoaded(esriEl);
};
leafletJsEl.src = leafletCdn + "leaflet.js";
addToHeadIfNotLoaded(leafletJsEl);
})();
</script>
<p>This long holiday weekend, I spent 2 nights in the Golden Trout Wilderness of Inyo National Forest for my first ever solo (+Nali) backpacking trip. This trip was a such a refreshing change of scenery, I had an amazing time.</p>
<figure>
<a href="/assets/personal/backpacking/cottonwood/cottonwood-5.jpg"><img class="travel-image" src="/assets/personal/backpacking/cottonwood/cottonwood-5.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/backpacking/cottonwood/cottonwood-7.jpg"><img class="travel-image" src="/assets/personal/backpacking/cottonwood/cottonwood-7.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>The first day on this trail was an exhausting 12 miles on Cottonwood pass trail and the PCT. The weather was beautiful, birds were out chirping, and the flowing streams provided a peaceful ambience – Paradise!</p>
<figure>
<a href="/assets/personal/backpacking/cottonwood/cottonwood-3.jpg"><img class="travel-image" src="/assets/personal/backpacking/cottonwood/cottonwood-3.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/backpacking/cottonwood/cottonwood-6.jpg"><img class="travel-image" src="/assets/personal/backpacking/cottonwood/cottonwood-6.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>The second day, I slept in and hung around Soldier Lake for some meditation, solitary yoga, and journaling. In the afternoon, I made my way on Army Pass trail to Cottonwood lakes to see the amazing overlooks shown in the first picture. There was a moderate amount of snow on the way up, but the trail was still accessible. The way down, however, was completely blocked by snow with no safe way to descend. I unfortunately couldn’t complete <a href="https://www.alltrails.com/explore/trail/us/california/cottonwood-pass-new-army-pass-loop">the loop I was planning</a>, I had to turn around and camp back at my previous night spot.</p>
<figure>
<a href="/assets/personal/backpacking/cottonwood/cottonwood-1.jpg"><img class="travel-image" src="/assets/personal/backpacking/cottonwood/cottonwood-1.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/backpacking/cottonwood/cottonwood-2.jpg"><img class="travel-image" src="/assets/personal/backpacking/cottonwood/cottonwood-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>This meant that my 3rd and final day was retracing my steps on the 12 mile PCT/Cottonwood pass trail. I was sad that I didn’t get to see Cottonwood lakes, but that just gives me an excuse to come back here!</p>
<p>Needless to say, Nali and I were exhausted both during and after our weekend adventure. Nali loves nothing more than napping in the sun after a long day, so I’ll leave you with this:</p>
<figure>
<a href="/assets/personal/backpacking/cottonwood/cottonwood-4.jpg"><img class="travel-image" src="/assets/personal/backpacking/cottonwood/cottonwood-4.jpg" /></a>
<figcaption></figcaption>
</figure>David VitaleDelamar Mountain Trail2020-05-09T00:00:00-07:002020-05-09T00:00:00-07:00/blog/travel/day-hikes/delamar-mountain<div id="leaflet-map-27d4bf878620afa05872c1ab3ed88811" class="leaflet-map"></div>
<script>(() => {
// Specify configuration variables, setup any elements and styling
var leafletCdn = "https://unpkg.com/leaflet@1.6.0/dist/";
var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
// Get tag input arguments & inside block object list
var tagInputArg = {"zoom" : 12 } ;
var blockLeafletItems = [
{id: "6248bbec58675a5f813c56dd18a43753",
type: "LeafletMarker",
value: {"latitude" : 34.263995,
"longitude" : -116.910943,
"popupContent": "Deamar Mountain Trail" } },
{id: "d231975c55e89964b9c2111eb4f70091",
type: "LeafletGeoJSON",
value: "/assets/personal/geojson/day-hikes/2020-05-09-delamar-mountain.geojson" },
];
// Override the map div id if specified, apply default CSS
var defaultMapElId = "leaflet-map-27d4bf878620afa05872c1ab3ed88811";
var defaultMapElStyle = "height:300px; margin-top:15px; margin-bottom:15px";
var mapEl = document.getElementById(defaultMapElId);
if('divId' in tagInputArg){
mapEl.id = tagInputArg['divId'];
}
var defaultMapCssEl = document.createElement("style");
defaultMapCssEl.innerHTML =
"#" + defaultMapElId + "{" + defaultMapElStyle + "}";
document.head.appendChild(defaultMapCssEl);
var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
// Actual mapping section; Specify a function to be called later that
// assembles the correct JS components based on what the user specified in the
// tag input arg, the block section of features, etc. Actually creates the map
// that is visible on the page
function _getCenter(){
var defaultCenter = [0,0];
if("center" in tagInputArg){
return tagInputArg.center;
} else {
return defaultCenter;
}
}
function _getZoom(){
var defaultZoom = 1;
if("zoom" in tagInputArg){
return tagInputArg.zoom
} else {
return defaultZoom;
}
}
function _getProviderBasemap(){
var defaultProviderBasemap = "OpenStreetMap.Mapnik";
if("providerBasemap" in tagInputArg){
return tagInputArg.providerBasemap;
} else {
return defaultProviderBasemap;
}
}
function _addMarkerToMap(leafletItem, map){
var m = leafletItem.value;
var result = L.marker([m.latitude, m.longitude]).addTo(map);
var potentialPopup = "";
if('popupContent' in m){
potentialPopup += m.popupContent;}
if('href' in m){
potentialPopup += '<a href="' + m.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
result.bindPopup(potentialPopup);}
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from marker
map.panTo(new L.LatLng(m.latitude, m.longitude));
}
}
function _onEachFeature(feature, layer){
var potentialPopup = ""
if(feature.properties && feature.properties.popupContent){
potentialPopup += feature.properties.popupContent;
}
if(feature.properties && feature.properties.href){
potentialPopup +=
'<a href="' + feature.properties.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
layer.bindPopup(potentialPopup);
}
}
function _addGeoJSONToMap(leafletItem, map){
if(typeof leafletItem.value === "string"){
fetch(leafletItem.value).then((resp) => {
return resp.json();
}).then((data) => {
leafletItem.value = data;
_addGeoJSONObjToMap(leafletItem, map);
}).catch((err) => {
console.log("Encountered err w/ geojson, attempting to fix..");
console.log(err);
_addGeoJSONObjToMap(leafletItem, map);
});
} else {
_addGeoJSONObjToMap(leafletItem, map);
}
}
function _addGeoJSONObjToMap(leafletItem, map){
var geojson = L.geoJSON(leafletItem.value, {
onEachFeature: _onEachFeature
});
layers = geojson.getLayers();
for(var i=0; i<layers.length; i++){
try{
var geom = layers[i].feature.geometry;
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from geojson
//console.log("panning to " + geom.coordinates);
map.panTo(new L.LatLng(geom.coordinates[1],
geom.coordinates[0]));
}
} catch(e){}
}
geojson.addTo(map);
}
function _processLeafletItem(leafletItem, map){
switch(leafletItem.type){
case "LeafletMarker":
_addMarkerToMap(leafletItem, map);
break;
case "LeafletGeoJSON":
_addGeoJSONToMap(leafletItem, map);
break;
case undefined:
break;
default:
console.log("Couldn't add item " + leafletItem.id);
break;
}
}
//The actual section that is called that creates a map
function createMap(){
console.log("Creating map 27d4bf878620afa05872c1ab3ed88811 with these args:");
console.log(tagInputArg);
//Initialize Map with the correct input arguments
var map = L.map(mapEl.id,
{worldCopyJump: true}).setView(_getCenter(), _getZoom());
L.tileLayer.provider(_getProviderBasemap()).addTo(map);
if("esriBasemap" in tagInputArg){
L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
}
//process each Leaflet Item passed in between the block tag middle
for(var i=0; i<blockLeafletItems.length; i++){
var leafletItem = blockLeafletItems[i];
console.log("Adding leaflet item " + leafletItem.id + ":");
console.log(leafletItem);
_processLeafletItem(leafletItem, map);
}
}
// Load the correct JS libraries/CSS by adding to head:
// When ready, call createMap() to create the map on the page
function _createMap(){
// helper function to draw the map only when everything is loaded,
// safeguards against multiple calls to window.onload
var prevOnLoad;
if(window.onload){
prevOnLoad = window.onload;
}
window.onload = () => {
createMap();
if(prevOnLoad){
prevOnLoad();
}
}
}
var leafletCssId = "leaflet-css-head";
var leafletJsId = "leaflet-js-head";
var esriLeafletJsId = "esri-leaflet-js-head";
var leafletProvidersJsId = "leaflet-providers-js-head";
// Add the leaflet CSS first, don't worry about when it loads
var leafletCssEl = document.createElement("link");
leafletCssEl.id = leafletCssId;
leafletCssEl.rel = "stylesheet";
leafletCssEl.href = leafletCdn + "leaflet.css";
if(!document.getElementById(leafletCssEl.id)){
document.head.appendChild(leafletCssEl);
}
function addToHeadIfNotLoaded(el) {
//Add the el to the head if it doesn't exist already. If it does,
//everything we need is already loaded, so draw the map
if(!document.getElementById(el.id)){
document.head.appendChild(el);
} else {
_createMap();
}
}
// Load the main leaflet.js code, wait for it to load
var leafletJsEl = document.createElement("script");
leafletJsEl.id = leafletJsId;
leafletJsEl.onload = () => {
//After loaded, load the esri-leaflet.js code, wait for it to load
var esriEl = document.createElement("script");
esriEl.id = esriLeafletJsId;
esriEl.onload = () => {
//After loaded, add the inline leaflet-providers <script>
provEl = document.createElement("script");
provEl.id = leafletProvidersJsId;
provEl.innerHTML = `//Taken from https://github.com/leaflet-extras/leaflet-providers
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' && module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName && 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> ' +
'hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>'
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://www.openstreetmap.bzh/" target="_blank">Breton OpenStreetMap Team</a>',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
}
},
OpenPtMap: {
url: 'http://openptmap.org/tiles/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: © <a href="http://www.openptmap.org">OpenPtMap</a> contributors'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://www.OpenRailwayMap.org">OpenRailwayMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="http://www.openfiremap.org">OpenFireMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://blog.safecast.org/about/">SafeCast</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© <a href="http://www.thunderforest.com/">Thunderforest</a>, {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '<insert your api key here>',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer'
}
},
OpenMapSurfer: {
url: 'https://maps.heigit.org/openmapsurfer/tiles/{variant}/webmercator/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
variant: 'roads',
attribution: 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> | Map data '
},
variants: {
Roads: {
options: {
variant: 'roads',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
Hybrid: {
options: {
variant: 'hybrid',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
AdminBounds: {
options: {
variant: 'adminb',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
ContourLines: {
options: {
variant: 'asterc',
maxZoom: 18,
minZoom: 13,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>'
}
},
Hillshade: {
options: {
variant: 'asterh',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>, <a href="http://srtm.csi.cgiar.org/">SRTM</a>'
}
},
ElementsAtRisk: {
options: {
variant: 'elements_at_risk',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
}
}
},
Hydda: {
url: 'https://{s}.tile.openstreetmap.se/hydda/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
variant: 'full',
attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data {attribution.OpenStreetMap}'
},
variants: {
Full: 'full',
Base: 'base',
RoadsAndLabels: 'roads_and_labels'
}
},
MapBox: {
url: 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}{r}.png?access_token={accessToken}',
options: {
attribution:
'<a href="https://www.mapbox.com/about/maps/" target="_blank">© Mapbox</a> ' +
'{attribution.OpenStreetMap} ' +
'<a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a>',
subdomains: 'abcd',
id: 'mapbox.streets',
accessToken: '<insert your access token here>',
}
},
Stamen: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
attribution:
'Map tiles by <a href="http://stamen.com">Stamen Design</a>, ' +
'<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — ' +
'Map data {attribution.OpenStreetMap}',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
variant: 'toner',
ext: 'png'
},
variants: {
Toner: 'toner',
TonerBackground: 'toner-background',
TonerHybrid: 'toner-hybrid',
TonerLines: 'toner-lines',
TonerLabels: 'toner-labels',
TonerLite: 'toner-lite',
Watercolor: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
Terrain: {
options: {
variant: 'terrain',
minZoom: 0,
maxZoom: 18
}
},
TerrainBackground: {
options: {
variant: 'terrain-background',
minZoom: 0,
maxZoom: 18
}
},
TopOSMRelief: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'toposm-color-relief',
ext: 'jpg',
bounds: [[22, -132], [51, -56]]
}
},
TopOSMFeatures: {
options: {
variant: 'toposm-features',
bounds: [[22, -132], [51, -56]],
opacity: 0.9
}
}
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: ©2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean_Basemap',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © <a href="http://openweathermap.org">OpenWeatherMap</a>',
apiKey:'<insert your api key here>',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}&app_code={app_code}&lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' <a href="http://developer.here.com">HERE</a>',
subdomains: '1234',
mapID: 'newest',
'app_id': '<insert your app_id here>',
'app_code': '<insert your app_code here>',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'http://t{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: '1234',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, vizualization CC-By-SA 2.0 <a href="http://freemap.sk">Freemap.sk</a>'
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd',
maxZoom: 19,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://maps{s}.wien.gv.at/basemap/{variant}/normal/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://www.basemap.at">basemap.at</a>',
subdomains: ['', '1', '2', '3', '4'],
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © <a href="kadaster.nl">Kadaster</a>'
},
variants: {
'standaard': 'brtachtergrondkaart',
'pastel': 'brtachtergrondkaartpastel',
'grijs': 'brtachtergrondkaartgrijs',
'luchtfoto': {
'url': 'https://geodata.nationaalgeoregister.nl/luchtfoto/rgb/wmts/1.0.0/2016_ortho25/EPSG:3857/{z}/{x}/{y}.png',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(<a href="https://earthdata.nasa.gov">ESDIS</a>) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '<a href="http://geo.nls.uk/maps/">National Library of Scotland Historic Maps</a>',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'http://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '<a href="http://www.justicemap.org/terms.php">Justice Map</a>',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
Wikimedia: {
url: 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}{r}.png',
options: {
attribution: '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>',
minZoom: 1,
maxZoom: 19
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER={variant}&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
options: {
attribution: '<a target="_blank" href="https://www.geoportail.gouv.fr/">Geoportail France</a>',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/jpeg',
style : 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD'
},
variants: {
parcels: {
options : {
variant: 'CADASTRALPARCELS.PARCELS',
maxZoom: 20,
style : 'bdparcellaire',
format: 'image/png'
}
},
ignMaps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
maps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD',
orthos: {
options: {
maxZoom: 19,
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '<img src="https://docs.onemap.sg/maps/images/oneMap64-01.png" style="height:20px;width:20px;"/> New OneMap | Map data © contributors, <a href="http://SLA.gov.sg">Singapore Land Authority</a>'
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
`;
if(!document.getElementById(provEl.id)){
document.head.appendChild(provEl);
}
_createMap();
}
esriEl.src = esriLeafletCdn + "esri-leaflet.js";
addToHeadIfNotLoaded(esriEl);
};
leafletJsEl.src = leafletCdn + "leaflet.js";
addToHeadIfNotLoaded(leafletJsEl);
})();
</script>
<p>After a week of suffering through a heat wave, we decided to escape the brutal Southern California heat by heading up the mountains to Big Bear lake. I love how close Bear is to me – I spend a lot of my time skiing here in the winter, and hiking here in the spring/summer. Joining us for this hike are great friends Indhu and Vishwanathan (Chitti).</p>
<figure>
<a href="/assets/personal/day-hikes/delamar/delamar-1.jpg"><img class="travel-image" src="/assets/personal/day-hikes/delamar/delamar-1.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/delamar/delamar-2.jpg"><img class="travel-image" src="/assets/personal/day-hikes/delamar/delamar-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>This was another sweet spot elevation-wise for the Spring – the snow had just melted for most of this trail, and it was significantly cooler, shadier, and windier. The majority of this hike was spent on the Pacific Crest Trail (PCT), which coincidentally was the part of the trail that provided the best views.</p>
<figure>
<a href="/assets/personal/day-hikes/delamar/delamar-3.jpg"><img class="travel-image" src="/assets/personal/day-hikes/delamar/delamar-3.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/delamar/delamar-4.jpg"><img class="travel-image" src="/assets/personal/day-hikes/delamar/delamar-4.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>Highlight of the hike for me were these amazing delicate wildflowers on parts of the trail. Apart from feeling guilty stomping along next to them with my clunky feet, it was such a treat to see them in bloom.</p>
<figure>
<a href="/assets/personal/day-hikes/delamar/delamar-6.jpg"><img class="travel-image" src="/assets/personal/day-hikes/delamar/delamar-6.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>After we finished this hike and drove down the mountain, I unfortunately got a flat tire. As Chitti and I were undoing the wheel bolts on the spare, a friendly bystander named Clarence (our guardian angel?) pulled over to offer his help. As we tried to turn him down and continue to struggle loosening lug nuts with the manufacturer-provided wrench, he laughed and lent us his much nicer lug wrench and jack. What would have been a 30 minute strugglefest turned into a 10 minute job, and we were on our way. Sending all the good vibes in the world your way Clarence – and know that I’ll be buying a legit wrench and jack at the next opportunity!</p>
<p>I’ll leave you with something fun from the hike. There was 1 patch of snow we crossed by on our long, streneous hike. Nali took this opportunity to cool off by rolling around adorably in the snow :).</p>
<figure>
<a href="/assets/personal/day-hikes/delamar/delamar-5.jpg"><img class="travel-image" src="/assets/personal/day-hikes/delamar/delamar-5.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>Till next hike!</p>David VitaleMomyer Creek Trail2020-04-25T00:00:00-07:002020-04-25T00:00:00-07:00/blog/travel/day-hikes/momyer-creek<div id="leaflet-map-3d53693c73ae1eabc1b4e4d9a87cddae" class="leaflet-map"></div>
<script>(() => {
// Specify configuration variables, setup any elements and styling
var leafletCdn = "https://unpkg.com/leaflet@1.6.0/dist/";
var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
// Get tag input arguments & inside block object list
var tagInputArg = {"zoom" : 13 } ;
var blockLeafletItems = [
{id: "e06f7ec033d48a3deceb397d0286417c",
type: "LeafletMarker",
value: {"latitude" : 34.08750467,
"longitude" : -116.91500166,
"popupContent": "Momyer Creek Trail" } },
{id: "c2ae0d350df97dd1cdec3a9bfe37fb8a",
type: "LeafletGeoJSON",
value: "/assets/personal/geojson/day-hikes/2020-04-25-momyer-creek.geojson" },
];
// Override the map div id if specified, apply default CSS
var defaultMapElId = "leaflet-map-3d53693c73ae1eabc1b4e4d9a87cddae";
var defaultMapElStyle = "height:300px; margin-top:15px; margin-bottom:15px";
var mapEl = document.getElementById(defaultMapElId);
if('divId' in tagInputArg){
mapEl.id = tagInputArg['divId'];
}
var defaultMapCssEl = document.createElement("style");
defaultMapCssEl.innerHTML =
"#" + defaultMapElId + "{" + defaultMapElStyle + "}";
document.head.appendChild(defaultMapCssEl);
var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
// Actual mapping section; Specify a function to be called later that
// assembles the correct JS components based on what the user specified in the
// tag input arg, the block section of features, etc. Actually creates the map
// that is visible on the page
function _getCenter(){
var defaultCenter = [0,0];
if("center" in tagInputArg){
return tagInputArg.center;
} else {
return defaultCenter;
}
}
function _getZoom(){
var defaultZoom = 1;
if("zoom" in tagInputArg){
return tagInputArg.zoom
} else {
return defaultZoom;
}
}
function _getProviderBasemap(){
var defaultProviderBasemap = "OpenStreetMap.Mapnik";
if("providerBasemap" in tagInputArg){
return tagInputArg.providerBasemap;
} else {
return defaultProviderBasemap;
}
}
function _addMarkerToMap(leafletItem, map){
var m = leafletItem.value;
var result = L.marker([m.latitude, m.longitude]).addTo(map);
var potentialPopup = "";
if('popupContent' in m){
potentialPopup += m.popupContent;}
if('href' in m){
potentialPopup += '<a href="' + m.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
result.bindPopup(potentialPopup);}
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from marker
map.panTo(new L.LatLng(m.latitude, m.longitude));
}
}
function _onEachFeature(feature, layer){
var potentialPopup = ""
if(feature.properties && feature.properties.popupContent){
potentialPopup += feature.properties.popupContent;
}
if(feature.properties && feature.properties.href){
potentialPopup +=
'<a href="' + feature.properties.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
layer.bindPopup(potentialPopup);
}
}
function _addGeoJSONToMap(leafletItem, map){
if(typeof leafletItem.value === "string"){
fetch(leafletItem.value).then((resp) => {
return resp.json();
}).then((data) => {
leafletItem.value = data;
_addGeoJSONObjToMap(leafletItem, map);
}).catch((err) => {
console.log("Encountered err w/ geojson, attempting to fix..");
console.log(err);
_addGeoJSONObjToMap(leafletItem, map);
});
} else {
_addGeoJSONObjToMap(leafletItem, map);
}
}
function _addGeoJSONObjToMap(leafletItem, map){
var geojson = L.geoJSON(leafletItem.value, {
onEachFeature: _onEachFeature
});
layers = geojson.getLayers();
for(var i=0; i<layers.length; i++){
try{
var geom = layers[i].feature.geometry;
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from geojson
//console.log("panning to " + geom.coordinates);
map.panTo(new L.LatLng(geom.coordinates[1],
geom.coordinates[0]));
}
} catch(e){}
}
geojson.addTo(map);
}
function _processLeafletItem(leafletItem, map){
switch(leafletItem.type){
case "LeafletMarker":
_addMarkerToMap(leafletItem, map);
break;
case "LeafletGeoJSON":
_addGeoJSONToMap(leafletItem, map);
break;
case undefined:
break;
default:
console.log("Couldn't add item " + leafletItem.id);
break;
}
}
//The actual section that is called that creates a map
function createMap(){
console.log("Creating map 3d53693c73ae1eabc1b4e4d9a87cddae with these args:");
console.log(tagInputArg);
//Initialize Map with the correct input arguments
var map = L.map(mapEl.id,
{worldCopyJump: true}).setView(_getCenter(), _getZoom());
L.tileLayer.provider(_getProviderBasemap()).addTo(map);
if("esriBasemap" in tagInputArg){
L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
}
//process each Leaflet Item passed in between the block tag middle
for(var i=0; i<blockLeafletItems.length; i++){
var leafletItem = blockLeafletItems[i];
console.log("Adding leaflet item " + leafletItem.id + ":");
console.log(leafletItem);
_processLeafletItem(leafletItem, map);
}
}
// Load the correct JS libraries/CSS by adding to head:
// When ready, call createMap() to create the map on the page
function _createMap(){
// helper function to draw the map only when everything is loaded,
// safeguards against multiple calls to window.onload
var prevOnLoad;
if(window.onload){
prevOnLoad = window.onload;
}
window.onload = () => {
createMap();
if(prevOnLoad){
prevOnLoad();
}
}
}
var leafletCssId = "leaflet-css-head";
var leafletJsId = "leaflet-js-head";
var esriLeafletJsId = "esri-leaflet-js-head";
var leafletProvidersJsId = "leaflet-providers-js-head";
// Add the leaflet CSS first, don't worry about when it loads
var leafletCssEl = document.createElement("link");
leafletCssEl.id = leafletCssId;
leafletCssEl.rel = "stylesheet";
leafletCssEl.href = leafletCdn + "leaflet.css";
if(!document.getElementById(leafletCssEl.id)){
document.head.appendChild(leafletCssEl);
}
function addToHeadIfNotLoaded(el) {
//Add the el to the head if it doesn't exist already. If it does,
//everything we need is already loaded, so draw the map
if(!document.getElementById(el.id)){
document.head.appendChild(el);
} else {
_createMap();
}
}
// Load the main leaflet.js code, wait for it to load
var leafletJsEl = document.createElement("script");
leafletJsEl.id = leafletJsId;
leafletJsEl.onload = () => {
//After loaded, load the esri-leaflet.js code, wait for it to load
var esriEl = document.createElement("script");
esriEl.id = esriLeafletJsId;
esriEl.onload = () => {
//After loaded, add the inline leaflet-providers <script>
provEl = document.createElement("script");
provEl.id = leafletProvidersJsId;
provEl.innerHTML = `//Taken from https://github.com/leaflet-extras/leaflet-providers
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' && module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName && 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> ' +
'hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>'
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://www.openstreetmap.bzh/" target="_blank">Breton OpenStreetMap Team</a>',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
}
},
OpenPtMap: {
url: 'http://openptmap.org/tiles/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: © <a href="http://www.openptmap.org">OpenPtMap</a> contributors'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://www.OpenRailwayMap.org">OpenRailwayMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="http://www.openfiremap.org">OpenFireMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://blog.safecast.org/about/">SafeCast</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© <a href="http://www.thunderforest.com/">Thunderforest</a>, {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '<insert your api key here>',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer'
}
},
OpenMapSurfer: {
url: 'https://maps.heigit.org/openmapsurfer/tiles/{variant}/webmercator/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
variant: 'roads',
attribution: 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> | Map data '
},
variants: {
Roads: {
options: {
variant: 'roads',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
Hybrid: {
options: {
variant: 'hybrid',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
AdminBounds: {
options: {
variant: 'adminb',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
ContourLines: {
options: {
variant: 'asterc',
maxZoom: 18,
minZoom: 13,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>'
}
},
Hillshade: {
options: {
variant: 'asterh',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>, <a href="http://srtm.csi.cgiar.org/">SRTM</a>'
}
},
ElementsAtRisk: {
options: {
variant: 'elements_at_risk',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
}
}
},
Hydda: {
url: 'https://{s}.tile.openstreetmap.se/hydda/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
variant: 'full',
attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data {attribution.OpenStreetMap}'
},
variants: {
Full: 'full',
Base: 'base',
RoadsAndLabels: 'roads_and_labels'
}
},
MapBox: {
url: 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}{r}.png?access_token={accessToken}',
options: {
attribution:
'<a href="https://www.mapbox.com/about/maps/" target="_blank">© Mapbox</a> ' +
'{attribution.OpenStreetMap} ' +
'<a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a>',
subdomains: 'abcd',
id: 'mapbox.streets',
accessToken: '<insert your access token here>',
}
},
Stamen: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
attribution:
'Map tiles by <a href="http://stamen.com">Stamen Design</a>, ' +
'<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — ' +
'Map data {attribution.OpenStreetMap}',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
variant: 'toner',
ext: 'png'
},
variants: {
Toner: 'toner',
TonerBackground: 'toner-background',
TonerHybrid: 'toner-hybrid',
TonerLines: 'toner-lines',
TonerLabels: 'toner-labels',
TonerLite: 'toner-lite',
Watercolor: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
Terrain: {
options: {
variant: 'terrain',
minZoom: 0,
maxZoom: 18
}
},
TerrainBackground: {
options: {
variant: 'terrain-background',
minZoom: 0,
maxZoom: 18
}
},
TopOSMRelief: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'toposm-color-relief',
ext: 'jpg',
bounds: [[22, -132], [51, -56]]
}
},
TopOSMFeatures: {
options: {
variant: 'toposm-features',
bounds: [[22, -132], [51, -56]],
opacity: 0.9
}
}
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: ©2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean_Basemap',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © <a href="http://openweathermap.org">OpenWeatherMap</a>',
apiKey:'<insert your api key here>',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}&app_code={app_code}&lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' <a href="http://developer.here.com">HERE</a>',
subdomains: '1234',
mapID: 'newest',
'app_id': '<insert your app_id here>',
'app_code': '<insert your app_code here>',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'http://t{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: '1234',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, vizualization CC-By-SA 2.0 <a href="http://freemap.sk">Freemap.sk</a>'
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd',
maxZoom: 19,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://maps{s}.wien.gv.at/basemap/{variant}/normal/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://www.basemap.at">basemap.at</a>',
subdomains: ['', '1', '2', '3', '4'],
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © <a href="kadaster.nl">Kadaster</a>'
},
variants: {
'standaard': 'brtachtergrondkaart',
'pastel': 'brtachtergrondkaartpastel',
'grijs': 'brtachtergrondkaartgrijs',
'luchtfoto': {
'url': 'https://geodata.nationaalgeoregister.nl/luchtfoto/rgb/wmts/1.0.0/2016_ortho25/EPSG:3857/{z}/{x}/{y}.png',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(<a href="https://earthdata.nasa.gov">ESDIS</a>) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '<a href="http://geo.nls.uk/maps/">National Library of Scotland Historic Maps</a>',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'http://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '<a href="http://www.justicemap.org/terms.php">Justice Map</a>',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
Wikimedia: {
url: 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}{r}.png',
options: {
attribution: '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>',
minZoom: 1,
maxZoom: 19
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER={variant}&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
options: {
attribution: '<a target="_blank" href="https://www.geoportail.gouv.fr/">Geoportail France</a>',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/jpeg',
style : 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD'
},
variants: {
parcels: {
options : {
variant: 'CADASTRALPARCELS.PARCELS',
maxZoom: 20,
style : 'bdparcellaire',
format: 'image/png'
}
},
ignMaps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
maps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD',
orthos: {
options: {
maxZoom: 19,
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '<img src="https://docs.onemap.sg/maps/images/oneMap64-01.png" style="height:20px;width:20px;"/> New OneMap | Map data © contributors, <a href="http://SLA.gov.sg">Singapore Land Authority</a>'
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
`;
if(!document.getElementById(provEl.id)){
document.head.appendChild(provEl);
}
_createMap();
}
esriEl.src = esriLeafletCdn + "esri-leaflet.js";
addToHeadIfNotLoaded(esriEl);
};
leafletJsEl.src = leafletCdn + "leaflet.js";
addToHeadIfNotLoaded(leafletJsEl);
})();
</script>
<p>Joining us for this day hike are great friends Indhu, Zach, Rebecca, and Alex. And ofcourse we can’t forget my dog Nali and our new friend Toast!</p>
<figure>
<a href="/assets/personal/day-hikes/momyer-creek/creek-1.jpg"><img class="travel-image" src="/assets/personal/day-hikes/momyer-creek/creek-1.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>Highly recommend this hike in the Spring in Southern California. It hovers at ~7k feet elevation – this means a cool escape from the heat, but no snow to deal with. This hike started out as a fun creek crossing, followed by an intense 3 miles uphill. Plenty of shade, beautiful forests, and amazing views. I hope to come back here in the Summer and go all the way up to San Bernadino Peak!</p>
<figure>
<a href="/assets/personal/day-hikes/momyer-creek/candid.jpg"><img class="travel-image" src="/assets/personal/day-hikes/momyer-creek/candid.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/day-hikes/momyer-creek/creek-2.jpg"><img class="travel-image" src="/assets/personal/day-hikes/momyer-creek/creek-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>This hike was also a much-needed escape from our lives in quarantine. We practiced social distancing from all other hikers. I am very fortunate to have such great friends to hike with, thanks a bunch guys! :)</p>
<figure>
<a href="/assets/personal/day-hikes/momyer-creek/selfie.jpg"><img class="travel-image" src="/assets/personal/day-hikes/momyer-creek/selfie.jpg" /></a>
<figcaption></figcaption>
</figure>David VitaleArrowhead Pinacles Trail2020-03-22T00:00:00-07:002020-03-22T00:00:00-07:00/blog/travel/day-hikes/arrowhead-pinacles<div id="leaflet-map-d291eff9131c9f86b60c2b006c52f14f" class="leaflet-map"></div>
<script>(() => {
// Specify configuration variables, setup any elements and styling
var leafletCdn = "https://unpkg.com/leaflet@1.6.0/dist/";
var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
// Get tag input arguments & inside block object list
var tagInputArg = {"zoom" : 13 } ;
var blockLeafletItems = [
{id: "a8276db10b6467c460eb4182a45e1964",
type: "LeafletMarker",
value: {"latitude" : 34.296184,
"longitude" : -117.211329,
"popupContent": "Arrowhead Pinacles Trail" } },
{id: "9aaada8d1e751564c0482fe8f701716f",
type: "LeafletGeoJSON",
value: "/assets/personal/geojson/day-hikes/2020-03-22-arrowhead-pinacles.geojson" },
];
// Override the map div id if specified, apply default CSS
var defaultMapElId = "leaflet-map-d291eff9131c9f86b60c2b006c52f14f";
var defaultMapElStyle = "height:300px; margin-top:15px; margin-bottom:15px";
var mapEl = document.getElementById(defaultMapElId);
if('divId' in tagInputArg){
mapEl.id = tagInputArg['divId'];
}
var defaultMapCssEl = document.createElement("style");
defaultMapCssEl.innerHTML =
"#" + defaultMapElId + "{" + defaultMapElStyle + "}";
document.head.appendChild(defaultMapCssEl);
var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
// Actual mapping section; Specify a function to be called later that
// assembles the correct JS components based on what the user specified in the
// tag input arg, the block section of features, etc. Actually creates the map
// that is visible on the page
function _getCenter(){
var defaultCenter = [0,0];
if("center" in tagInputArg){
return tagInputArg.center;
} else {
return defaultCenter;
}
}
function _getZoom(){
var defaultZoom = 1;
if("zoom" in tagInputArg){
return tagInputArg.zoom
} else {
return defaultZoom;
}
}
function _getProviderBasemap(){
var defaultProviderBasemap = "OpenStreetMap.Mapnik";
if("providerBasemap" in tagInputArg){
return tagInputArg.providerBasemap;
} else {
return defaultProviderBasemap;
}
}
function _addMarkerToMap(leafletItem, map){
var m = leafletItem.value;
var result = L.marker([m.latitude, m.longitude]).addTo(map);
var potentialPopup = "";
if('popupContent' in m){
potentialPopup += m.popupContent;}
if('href' in m){
potentialPopup += '<a href="' + m.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
result.bindPopup(potentialPopup);}
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from marker
map.panTo(new L.LatLng(m.latitude, m.longitude));
}
}
function _onEachFeature(feature, layer){
var potentialPopup = ""
if(feature.properties && feature.properties.popupContent){
potentialPopup += feature.properties.popupContent;
}
if(feature.properties && feature.properties.href){
potentialPopup +=
'<a href="' + feature.properties.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
layer.bindPopup(potentialPopup);
}
}
function _addGeoJSONToMap(leafletItem, map){
if(typeof leafletItem.value === "string"){
fetch(leafletItem.value).then((resp) => {
return resp.json();
}).then((data) => {
leafletItem.value = data;
_addGeoJSONObjToMap(leafletItem, map);
}).catch((err) => {
console.log("Encountered err w/ geojson, attempting to fix..");
console.log(err);
_addGeoJSONObjToMap(leafletItem, map);
});
} else {
_addGeoJSONObjToMap(leafletItem, map);
}
}
function _addGeoJSONObjToMap(leafletItem, map){
var geojson = L.geoJSON(leafletItem.value, {
onEachFeature: _onEachFeature
});
layers = geojson.getLayers();
for(var i=0; i<layers.length; i++){
try{
var geom = layers[i].feature.geometry;
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from geojson
//console.log("panning to " + geom.coordinates);
map.panTo(new L.LatLng(geom.coordinates[1],
geom.coordinates[0]));
}
} catch(e){}
}
geojson.addTo(map);
}
function _processLeafletItem(leafletItem, map){
switch(leafletItem.type){
case "LeafletMarker":
_addMarkerToMap(leafletItem, map);
break;
case "LeafletGeoJSON":
_addGeoJSONToMap(leafletItem, map);
break;
case undefined:
break;
default:
console.log("Couldn't add item " + leafletItem.id);
break;
}
}
//The actual section that is called that creates a map
function createMap(){
console.log("Creating map d291eff9131c9f86b60c2b006c52f14f with these args:");
console.log(tagInputArg);
//Initialize Map with the correct input arguments
var map = L.map(mapEl.id,
{worldCopyJump: true}).setView(_getCenter(), _getZoom());
L.tileLayer.provider(_getProviderBasemap()).addTo(map);
if("esriBasemap" in tagInputArg){
L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
}
//process each Leaflet Item passed in between the block tag middle
for(var i=0; i<blockLeafletItems.length; i++){
var leafletItem = blockLeafletItems[i];
console.log("Adding leaflet item " + leafletItem.id + ":");
console.log(leafletItem);
_processLeafletItem(leafletItem, map);
}
}
// Load the correct JS libraries/CSS by adding to head:
// When ready, call createMap() to create the map on the page
function _createMap(){
// helper function to draw the map only when everything is loaded,
// safeguards against multiple calls to window.onload
var prevOnLoad;
if(window.onload){
prevOnLoad = window.onload;
}
window.onload = () => {
createMap();
if(prevOnLoad){
prevOnLoad();
}
}
}
var leafletCssId = "leaflet-css-head";
var leafletJsId = "leaflet-js-head";
var esriLeafletJsId = "esri-leaflet-js-head";
var leafletProvidersJsId = "leaflet-providers-js-head";
// Add the leaflet CSS first, don't worry about when it loads
var leafletCssEl = document.createElement("link");
leafletCssEl.id = leafletCssId;
leafletCssEl.rel = "stylesheet";
leafletCssEl.href = leafletCdn + "leaflet.css";
if(!document.getElementById(leafletCssEl.id)){
document.head.appendChild(leafletCssEl);
}
function addToHeadIfNotLoaded(el) {
//Add the el to the head if it doesn't exist already. If it does,
//everything we need is already loaded, so draw the map
if(!document.getElementById(el.id)){
document.head.appendChild(el);
} else {
_createMap();
}
}
// Load the main leaflet.js code, wait for it to load
var leafletJsEl = document.createElement("script");
leafletJsEl.id = leafletJsId;
leafletJsEl.onload = () => {
//After loaded, load the esri-leaflet.js code, wait for it to load
var esriEl = document.createElement("script");
esriEl.id = esriLeafletJsId;
esriEl.onload = () => {
//After loaded, add the inline leaflet-providers <script>
provEl = document.createElement("script");
provEl.id = leafletProvidersJsId;
provEl.innerHTML = `//Taken from https://github.com/leaflet-extras/leaflet-providers
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' && module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName && 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> ' +
'hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>'
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://www.openstreetmap.bzh/" target="_blank">Breton OpenStreetMap Team</a>',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
}
},
OpenPtMap: {
url: 'http://openptmap.org/tiles/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: © <a href="http://www.openptmap.org">OpenPtMap</a> contributors'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://www.OpenRailwayMap.org">OpenRailwayMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="http://www.openfiremap.org">OpenFireMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://blog.safecast.org/about/">SafeCast</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© <a href="http://www.thunderforest.com/">Thunderforest</a>, {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '<insert your api key here>',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer'
}
},
OpenMapSurfer: {
url: 'https://maps.heigit.org/openmapsurfer/tiles/{variant}/webmercator/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
variant: 'roads',
attribution: 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> | Map data '
},
variants: {
Roads: {
options: {
variant: 'roads',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
Hybrid: {
options: {
variant: 'hybrid',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
AdminBounds: {
options: {
variant: 'adminb',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
ContourLines: {
options: {
variant: 'asterc',
maxZoom: 18,
minZoom: 13,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>'
}
},
Hillshade: {
options: {
variant: 'asterh',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>, <a href="http://srtm.csi.cgiar.org/">SRTM</a>'
}
},
ElementsAtRisk: {
options: {
variant: 'elements_at_risk',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
}
}
},
Hydda: {
url: 'https://{s}.tile.openstreetmap.se/hydda/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
variant: 'full',
attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data {attribution.OpenStreetMap}'
},
variants: {
Full: 'full',
Base: 'base',
RoadsAndLabels: 'roads_and_labels'
}
},
MapBox: {
url: 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}{r}.png?access_token={accessToken}',
options: {
attribution:
'<a href="https://www.mapbox.com/about/maps/" target="_blank">© Mapbox</a> ' +
'{attribution.OpenStreetMap} ' +
'<a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a>',
subdomains: 'abcd',
id: 'mapbox.streets',
accessToken: '<insert your access token here>',
}
},
Stamen: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
attribution:
'Map tiles by <a href="http://stamen.com">Stamen Design</a>, ' +
'<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — ' +
'Map data {attribution.OpenStreetMap}',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
variant: 'toner',
ext: 'png'
},
variants: {
Toner: 'toner',
TonerBackground: 'toner-background',
TonerHybrid: 'toner-hybrid',
TonerLines: 'toner-lines',
TonerLabels: 'toner-labels',
TonerLite: 'toner-lite',
Watercolor: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
Terrain: {
options: {
variant: 'terrain',
minZoom: 0,
maxZoom: 18
}
},
TerrainBackground: {
options: {
variant: 'terrain-background',
minZoom: 0,
maxZoom: 18
}
},
TopOSMRelief: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'toposm-color-relief',
ext: 'jpg',
bounds: [[22, -132], [51, -56]]
}
},
TopOSMFeatures: {
options: {
variant: 'toposm-features',
bounds: [[22, -132], [51, -56]],
opacity: 0.9
}
}
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: ©2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean_Basemap',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © <a href="http://openweathermap.org">OpenWeatherMap</a>',
apiKey:'<insert your api key here>',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}&app_code={app_code}&lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' <a href="http://developer.here.com">HERE</a>',
subdomains: '1234',
mapID: 'newest',
'app_id': '<insert your app_id here>',
'app_code': '<insert your app_code here>',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'http://t{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: '1234',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, vizualization CC-By-SA 2.0 <a href="http://freemap.sk">Freemap.sk</a>'
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd',
maxZoom: 19,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://maps{s}.wien.gv.at/basemap/{variant}/normal/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://www.basemap.at">basemap.at</a>',
subdomains: ['', '1', '2', '3', '4'],
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © <a href="kadaster.nl">Kadaster</a>'
},
variants: {
'standaard': 'brtachtergrondkaart',
'pastel': 'brtachtergrondkaartpastel',
'grijs': 'brtachtergrondkaartgrijs',
'luchtfoto': {
'url': 'https://geodata.nationaalgeoregister.nl/luchtfoto/rgb/wmts/1.0.0/2016_ortho25/EPSG:3857/{z}/{x}/{y}.png',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(<a href="https://earthdata.nasa.gov">ESDIS</a>) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '<a href="http://geo.nls.uk/maps/">National Library of Scotland Historic Maps</a>',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'http://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '<a href="http://www.justicemap.org/terms.php">Justice Map</a>',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
Wikimedia: {
url: 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}{r}.png',
options: {
attribution: '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>',
minZoom: 1,
maxZoom: 19
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER={variant}&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
options: {
attribution: '<a target="_blank" href="https://www.geoportail.gouv.fr/">Geoportail France</a>',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/jpeg',
style : 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD'
},
variants: {
parcels: {
options : {
variant: 'CADASTRALPARCELS.PARCELS',
maxZoom: 20,
style : 'bdparcellaire',
format: 'image/png'
}
},
ignMaps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
maps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD',
orthos: {
options: {
maxZoom: 19,
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '<img src="https://docs.onemap.sg/maps/images/oneMap64-01.png" style="height:20px;width:20px;"/> New OneMap | Map data © contributors, <a href="http://SLA.gov.sg">Singapore Land Authority</a>'
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
`;
if(!document.getElementById(provEl.id)){
document.head.appendChild(provEl);
}
_createMap();
}
esriEl.src = esriLeafletCdn + "esri-leaflet.js";
addToHeadIfNotLoaded(esriEl);
};
leafletJsEl.src = leafletCdn + "leaflet.js";
addToHeadIfNotLoaded(leafletJsEl);
})();
</script>
<center><h3>The first hike of the 2020 season!</h3></center>
<figure>
<a href="/assets/personal/day-hikes/arrowhead-pinacles/full-lake.jpg"><img class="travel-image" src="/assets/personal/day-hikes/arrowhead-pinacles/full-lake.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>Like many in the world during March of 2020, I have been anxiously cooped up indoors. Following CDC guidelines and obsessively reading about things beyond human control does not make for a mentally healthy individual. Luckily, Mother Nature has a cure.</p>
<figure>
<a href="/assets/personal/day-hikes/arrowhead-pinacles/nali.jpg"><img class="travel-image" src="/assets/personal/day-hikes/arrowhead-pinacles/nali.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>I have always loved hiking and camping since I joined the Boy Scouts in my childhood. Being outdoors has always helped me calm down and “see the big picture”. Today, during the first major hike of the 2020 season, I am reminded of the outdoor’s healing power. Hanging out outside with Nali and my great friends Matt and Zack has me feeling rejuvenated and ready to take on another week. Thanks, guys. And thanks, Mother Nature.</p>
<figure>
<a href="/assets/personal/day-hikes/arrowhead-pinacles/matt.jpg"><img class="travel-image" src="/assets/personal/day-hikes/arrowhead-pinacles/matt.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>Stay safe everyone, and consider taking a visit to your local park. You might be suprised how it makes you feel.</p>David VitaleTwenty Lakes Basin, Inyo National Forest2019-09-01T00:00:00-07:002019-09-01T00:00:00-07:00/blog/travel/misc/backpacking/twenty-lakes-basin<div id="leaflet-map-b64391462ff2bd4da1b58a6cc1dfb31e" class="leaflet-map"></div>
<script>(() => {
// Specify configuration variables, setup any elements and styling
var leafletCdn = "https://unpkg.com/leaflet@1.6.0/dist/";
var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
// Get tag input arguments & inside block object list
var tagInputArg = { "zoom" : 12,
"esriBasemap": "Topographic"} ;
var blockLeafletItems = [
{id: "8e7f4621a58d8b92a288a23c1621ed7c",
type: "LeafletGeoJSON",
value: { "type": "FeatureCollection", "features": [{ "type": "Feature", "properties": {"popupContent": "Twenty Lakes Basin Trailhead at Saddlebag Lake"}, "geometry": { "type": "Point", "coordinates": [-119.270854, 37.965721] } }] } },
];
// Override the map div id if specified, apply default CSS
var defaultMapElId = "leaflet-map-b64391462ff2bd4da1b58a6cc1dfb31e";
var defaultMapElStyle = "height:300px; margin-top:15px; margin-bottom:15px";
var mapEl = document.getElementById(defaultMapElId);
if('divId' in tagInputArg){
mapEl.id = tagInputArg['divId'];
}
var defaultMapCssEl = document.createElement("style");
defaultMapCssEl.innerHTML =
"#" + defaultMapElId + "{" + defaultMapElStyle + "}";
document.head.appendChild(defaultMapCssEl);
var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
// Actual mapping section; Specify a function to be called later that
// assembles the correct JS components based on what the user specified in the
// tag input arg, the block section of features, etc. Actually creates the map
// that is visible on the page
function _getCenter(){
var defaultCenter = [0,0];
if("center" in tagInputArg){
return tagInputArg.center;
} else {
return defaultCenter;
}
}
function _getZoom(){
var defaultZoom = 1;
if("zoom" in tagInputArg){
return tagInputArg.zoom
} else {
return defaultZoom;
}
}
function _getProviderBasemap(){
var defaultProviderBasemap = "OpenStreetMap.Mapnik";
if("providerBasemap" in tagInputArg){
return tagInputArg.providerBasemap;
} else {
return defaultProviderBasemap;
}
}
function _addMarkerToMap(leafletItem, map){
var m = leafletItem.value;
var result = L.marker([m.latitude, m.longitude]).addTo(map);
var potentialPopup = "";
if('popupContent' in m){
potentialPopup += m.popupContent;}
if('href' in m){
potentialPopup += '<a href="' + m.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
result.bindPopup(potentialPopup);}
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from marker
map.panTo(new L.LatLng(m.latitude, m.longitude));
}
}
function _onEachFeature(feature, layer){
var potentialPopup = ""
if(feature.properties && feature.properties.popupContent){
potentialPopup += feature.properties.popupContent;
}
if(feature.properties && feature.properties.href){
potentialPopup +=
'<a href="' + feature.properties.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
layer.bindPopup(potentialPopup);
}
}
function _addGeoJSONToMap(leafletItem, map){
if(typeof leafletItem.value === "string"){
fetch(leafletItem.value).then((resp) => {
return resp.json();
}).then((data) => {
leafletItem.value = data;
_addGeoJSONObjToMap(leafletItem, map);
}).catch((err) => {
console.log("Encountered err w/ geojson, attempting to fix..");
console.log(err);
_addGeoJSONObjToMap(leafletItem, map);
});
} else {
_addGeoJSONObjToMap(leafletItem, map);
}
}
function _addGeoJSONObjToMap(leafletItem, map){
var geojson = L.geoJSON(leafletItem.value, {
onEachFeature: _onEachFeature
});
layers = geojson.getLayers();
for(var i=0; i<layers.length; i++){
try{
var geom = layers[i].feature.geometry;
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from geojson
//console.log("panning to " + geom.coordinates);
map.panTo(new L.LatLng(geom.coordinates[1],
geom.coordinates[0]));
}
} catch(e){}
}
geojson.addTo(map);
}
function _processLeafletItem(leafletItem, map){
switch(leafletItem.type){
case "LeafletMarker":
_addMarkerToMap(leafletItem, map);
break;
case "LeafletGeoJSON":
_addGeoJSONToMap(leafletItem, map);
break;
case undefined:
break;
default:
console.log("Couldn't add item " + leafletItem.id);
break;
}
}
//The actual section that is called that creates a map
function createMap(){
console.log("Creating map b64391462ff2bd4da1b58a6cc1dfb31e with these args:");
console.log(tagInputArg);
//Initialize Map with the correct input arguments
var map = L.map(mapEl.id,
{worldCopyJump: true}).setView(_getCenter(), _getZoom());
L.tileLayer.provider(_getProviderBasemap()).addTo(map);
if("esriBasemap" in tagInputArg){
L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
}
//process each Leaflet Item passed in between the block tag middle
for(var i=0; i<blockLeafletItems.length; i++){
var leafletItem = blockLeafletItems[i];
console.log("Adding leaflet item " + leafletItem.id + ":");
console.log(leafletItem);
_processLeafletItem(leafletItem, map);
}
}
// Load the correct JS libraries/CSS by adding to head:
// When ready, call createMap() to create the map on the page
function _createMap(){
// helper function to draw the map only when everything is loaded,
// safeguards against multiple calls to window.onload
var prevOnLoad;
if(window.onload){
prevOnLoad = window.onload;
}
window.onload = () => {
createMap();
if(prevOnLoad){
prevOnLoad();
}
}
}
var leafletCssId = "leaflet-css-head";
var leafletJsId = "leaflet-js-head";
var esriLeafletJsId = "esri-leaflet-js-head";
var leafletProvidersJsId = "leaflet-providers-js-head";
// Add the leaflet CSS first, don't worry about when it loads
var leafletCssEl = document.createElement("link");
leafletCssEl.id = leafletCssId;
leafletCssEl.rel = "stylesheet";
leafletCssEl.href = leafletCdn + "leaflet.css";
if(!document.getElementById(leafletCssEl.id)){
document.head.appendChild(leafletCssEl);
}
function addToHeadIfNotLoaded(el) {
//Add the el to the head if it doesn't exist already. If it does,
//everything we need is already loaded, so draw the map
if(!document.getElementById(el.id)){
document.head.appendChild(el);
} else {
_createMap();
}
}
// Load the main leaflet.js code, wait for it to load
var leafletJsEl = document.createElement("script");
leafletJsEl.id = leafletJsId;
leafletJsEl.onload = () => {
//After loaded, load the esri-leaflet.js code, wait for it to load
var esriEl = document.createElement("script");
esriEl.id = esriLeafletJsId;
esriEl.onload = () => {
//After loaded, add the inline leaflet-providers <script>
provEl = document.createElement("script");
provEl.id = leafletProvidersJsId;
provEl.innerHTML = `//Taken from https://github.com/leaflet-extras/leaflet-providers
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' && module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName && 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> ' +
'hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>'
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://www.openstreetmap.bzh/" target="_blank">Breton OpenStreetMap Team</a>',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
}
},
OpenPtMap: {
url: 'http://openptmap.org/tiles/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: © <a href="http://www.openptmap.org">OpenPtMap</a> contributors'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://www.OpenRailwayMap.org">OpenRailwayMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="http://www.openfiremap.org">OpenFireMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://blog.safecast.org/about/">SafeCast</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© <a href="http://www.thunderforest.com/">Thunderforest</a>, {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '<insert your api key here>',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer'
}
},
OpenMapSurfer: {
url: 'https://maps.heigit.org/openmapsurfer/tiles/{variant}/webmercator/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
variant: 'roads',
attribution: 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> | Map data '
},
variants: {
Roads: {
options: {
variant: 'roads',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
Hybrid: {
options: {
variant: 'hybrid',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
AdminBounds: {
options: {
variant: 'adminb',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
ContourLines: {
options: {
variant: 'asterc',
maxZoom: 18,
minZoom: 13,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>'
}
},
Hillshade: {
options: {
variant: 'asterh',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>, <a href="http://srtm.csi.cgiar.org/">SRTM</a>'
}
},
ElementsAtRisk: {
options: {
variant: 'elements_at_risk',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
}
}
},
Hydda: {
url: 'https://{s}.tile.openstreetmap.se/hydda/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
variant: 'full',
attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data {attribution.OpenStreetMap}'
},
variants: {
Full: 'full',
Base: 'base',
RoadsAndLabels: 'roads_and_labels'
}
},
MapBox: {
url: 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}{r}.png?access_token={accessToken}',
options: {
attribution:
'<a href="https://www.mapbox.com/about/maps/" target="_blank">© Mapbox</a> ' +
'{attribution.OpenStreetMap} ' +
'<a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a>',
subdomains: 'abcd',
id: 'mapbox.streets',
accessToken: '<insert your access token here>',
}
},
Stamen: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
attribution:
'Map tiles by <a href="http://stamen.com">Stamen Design</a>, ' +
'<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — ' +
'Map data {attribution.OpenStreetMap}',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
variant: 'toner',
ext: 'png'
},
variants: {
Toner: 'toner',
TonerBackground: 'toner-background',
TonerHybrid: 'toner-hybrid',
TonerLines: 'toner-lines',
TonerLabels: 'toner-labels',
TonerLite: 'toner-lite',
Watercolor: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
Terrain: {
options: {
variant: 'terrain',
minZoom: 0,
maxZoom: 18
}
},
TerrainBackground: {
options: {
variant: 'terrain-background',
minZoom: 0,
maxZoom: 18
}
},
TopOSMRelief: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'toposm-color-relief',
ext: 'jpg',
bounds: [[22, -132], [51, -56]]
}
},
TopOSMFeatures: {
options: {
variant: 'toposm-features',
bounds: [[22, -132], [51, -56]],
opacity: 0.9
}
}
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: ©2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean_Basemap',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © <a href="http://openweathermap.org">OpenWeatherMap</a>',
apiKey:'<insert your api key here>',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}&app_code={app_code}&lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' <a href="http://developer.here.com">HERE</a>',
subdomains: '1234',
mapID: 'newest',
'app_id': '<insert your app_id here>',
'app_code': '<insert your app_code here>',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'http://t{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: '1234',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, vizualization CC-By-SA 2.0 <a href="http://freemap.sk">Freemap.sk</a>'
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd',
maxZoom: 19,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://maps{s}.wien.gv.at/basemap/{variant}/normal/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://www.basemap.at">basemap.at</a>',
subdomains: ['', '1', '2', '3', '4'],
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © <a href="kadaster.nl">Kadaster</a>'
},
variants: {
'standaard': 'brtachtergrondkaart',
'pastel': 'brtachtergrondkaartpastel',
'grijs': 'brtachtergrondkaartgrijs',
'luchtfoto': {
'url': 'https://geodata.nationaalgeoregister.nl/luchtfoto/rgb/wmts/1.0.0/2016_ortho25/EPSG:3857/{z}/{x}/{y}.png',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(<a href="https://earthdata.nasa.gov">ESDIS</a>) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '<a href="http://geo.nls.uk/maps/">National Library of Scotland Historic Maps</a>',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'http://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '<a href="http://www.justicemap.org/terms.php">Justice Map</a>',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
Wikimedia: {
url: 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}{r}.png',
options: {
attribution: '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>',
minZoom: 1,
maxZoom: 19
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER={variant}&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
options: {
attribution: '<a target="_blank" href="https://www.geoportail.gouv.fr/">Geoportail France</a>',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/jpeg',
style : 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD'
},
variants: {
parcels: {
options : {
variant: 'CADASTRALPARCELS.PARCELS',
maxZoom: 20,
style : 'bdparcellaire',
format: 'image/png'
}
},
ignMaps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
maps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD',
orthos: {
options: {
maxZoom: 19,
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '<img src="https://docs.onemap.sg/maps/images/oneMap64-01.png" style="height:20px;width:20px;"/> New OneMap | Map data © contributors, <a href="http://SLA.gov.sg">Singapore Land Authority</a>'
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
`;
if(!document.getElementById(provEl.id)){
document.head.appendChild(provEl);
}
_createMap();
}
esriEl.src = esriLeafletCdn + "esri-leaflet.js";
addToHeadIfNotLoaded(esriEl);
};
leafletJsEl.src = leafletCdn + "leaflet.js";
addToHeadIfNotLoaded(leafletJsEl);
})();
</script>
<p>I spent this long holiday weekend in the Inyo National Forest doing an overnight backpacking adventure. This was Indhu’s first time backpacking, and she did great! My dog Nali also came along, who had a blast climbing up rocks and exploring all the smells & open space.</p>
<figure>
<a href="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-1.jpg"><img class="travel-image" src="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-1.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>This area of Inyo is quota-free, which means you can backpack here last minute even on a busy holiday weekend – you just need a permit from a ranger station. I highly recommend to fallback to this area if your walk up permits don’t work out, it is an amazing trail.</p>
<p>The loop itself is ~8 miles with little elevation gain, which makes it a great intro loop for backpacking. The trail we did can be found <a href="https://www.alltrails.com/trail/us/california/twenty-lakes-basin-loop-trail">here</a>. You can also extend it by going down and up Lundy Falls, or any of the other connecting trails.</p>
<figure>
<a href="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-2.jpg"><img class="travel-image" src="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-3.jpg"><img class="travel-image" src="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-3.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>We got to walk in the snow in September, which was pretty cool. The lakes being fed from the snow melt were pristine, with many flowing rivers and waterfalls. We found a really cool spot next to a waterfall to spend the night – Nothing like falling asleep to the sound of running water. All in all, an amazing experience.</p>
<figure>
<a href="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-4.jpg"><img class="travel-image" src="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-4.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-5.jpg"><img class="travel-image" src="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-5.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-6.jpg"><img class="travel-image" src="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-6.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>I’ll leave you with something fun. Pillows take up a lot of room in a backpack, so they are often left behind. Luckily I have my own mobile heated pillow!</p>
<figure>
<a href="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-7.jpg"><img class="travel-image" src="/assets/personal/misc-travel/twenty-lakes/twenty-lakes-7.jpg" /></a>
<figcaption></figcaption>
</figure>David VitaleSeoul2019-07-05T00:00:00-07:002019-07-05T00:00:00-07:00/blog/travel/japan-2019/seoul<div id="leaflet-map-934ae60514ca01961e11323f45ffc289" class="leaflet-map"></div>
<script>(() => {
// Specify configuration variables, setup any elements and styling
var leafletCdn = "https://unpkg.com/leaflet@1.6.0/dist/";
var esriLeafletCdn = "https://unpkg.com/esri-leaflet/dist/";
// Get tag input arguments & inside block object list
var tagInputArg = { "zoom" : 7 } ;
var blockLeafletItems = [
{id: "e3e84e65b5279552c5411f26771c09d6",
type: "LeafletGeoJSON",
value: { "type": "FeatureCollection", "features": [{ "type": "Feature", "properties": {"popupContent": "광장시장 (Gwangjang Market)"}, "geometry": { "type": "Point", "coordinates": [126.9993404, 37.5701527] } }, { "type": "Feature", "properties": {"popupContent": "도라산역 (Dorasan Station)"}, "geometry": { "type": "Point", "coordinates": [126.7098498, 37.8985962] } }, { "type": "Feature", "properties": {"popupContent": "경복궁 (Gyeongbokgung Palace)"}, "geometry": { "type": "Point", "coordinates": [126.977041, 37.579617] } } ] } },
];
// Override the map div id if specified, apply default CSS
var defaultMapElId = "leaflet-map-934ae60514ca01961e11323f45ffc289";
var defaultMapElStyle = "height:300px; margin-top:15px; margin-bottom:15px";
var mapEl = document.getElementById(defaultMapElId);
if('divId' in tagInputArg){
mapEl.id = tagInputArg['divId'];
}
var defaultMapCssEl = document.createElement("style");
defaultMapCssEl.innerHTML =
"#" + defaultMapElId + "{" + defaultMapElStyle + "}";
document.head.appendChild(defaultMapCssEl);
var newWindowImgSrcBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4wUVFzAHq2j99AAAAV9JREFUSMdjYKAxYCRHk5ubG9+1a9fm/v//H6cadnb2G/fu3atlIceC379/c3z9+jUEn5q/f/8eYWBgYECxQE5OroqA2Y8ePXq0hJWV9Qc3N/caZB8wMjJKff361QpvEAkKCv4nYMGh9+/f26MLamhoyLx9+3b/nz9/VJCC6MiLFy9sWXCE3xlGRsZvWKQu4DOciYnpCzc396HPnz97weRxWRD/8OHDa4TiAt1wfn5+z79//zoxMDDALWAiN/lhM/zevXtH0NUx0dJwsiwgxXCccUCJ4dzc3DP+//+/gZ2d/duLFy9Is+Djx4+rCbn82rVrrxgYGF6RFUR8fHyZbGxsD7AZLiEhUSAiIrJSUlIyjOw4uHnz5gVHR0d1bC7/8+eP5d+/f8P+/PmjS1Ekr1ix4hcp6ploXVwPfQuwJlMmJiYBLS0tIVIMev36NRvRFnz48OHohw8fhkYQjQKCAAChiL6Pj/LM2QAAAABJRU5ErkJggg==";
// Actual mapping section; Specify a function to be called later that
// assembles the correct JS components based on what the user specified in the
// tag input arg, the block section of features, etc. Actually creates the map
// that is visible on the page
function _getCenter(){
var defaultCenter = [0,0];
if("center" in tagInputArg){
return tagInputArg.center;
} else {
return defaultCenter;
}
}
function _getZoom(){
var defaultZoom = 1;
if("zoom" in tagInputArg){
return tagInputArg.zoom
} else {
return defaultZoom;
}
}
function _getProviderBasemap(){
var defaultProviderBasemap = "OpenStreetMap.Mapnik";
if("providerBasemap" in tagInputArg){
return tagInputArg.providerBasemap;
} else {
return defaultProviderBasemap;
}
}
function _addMarkerToMap(leafletItem, map){
var m = leafletItem.value;
var result = L.marker([m.latitude, m.longitude]).addTo(map);
var potentialPopup = "";
if('popupContent' in m){
potentialPopup += m.popupContent;}
if('href' in m){
potentialPopup += '<a href="' + m.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
result.bindPopup(potentialPopup);}
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from marker
map.panTo(new L.LatLng(m.latitude, m.longitude));
}
}
function _onEachFeature(feature, layer){
var potentialPopup = ""
if(feature.properties && feature.properties.popupContent){
potentialPopup += feature.properties.popupContent;
}
if(feature.properties && feature.properties.href){
potentialPopup +=
'<a href="' + feature.properties.href + '">' +
'<img src="' + newWindowImgSrcBase64 + '"></img></a>';}
if(potentialPopup){
layer.bindPopup(potentialPopup);
}
}
function _addGeoJSONToMap(leafletItem, map){
if(typeof leafletItem.value === "string"){
fetch(leafletItem.value).then((resp) => {
return resp.json();
}).then((data) => {
leafletItem.value = data;
_addGeoJSONObjToMap(leafletItem, map);
}).catch((err) => {
console.log("Encountered err w/ geojson, attempting to fix..");
console.log(err);
_addGeoJSONObjToMap(leafletItem, map);
});
} else {
_addGeoJSONObjToMap(leafletItem, map);
}
}
function _addGeoJSONObjToMap(leafletItem, map){
var geojson = L.geoJSON(leafletItem.value, {
onEachFeature: _onEachFeature
});
layers = geojson.getLayers();
for(var i=0; i<layers.length; i++){
try{
var geom = layers[i].feature.geometry;
if(!('center' in tagInputArg)){
// If the user didn't specify a center, infer from geojson
//console.log("panning to " + geom.coordinates);
map.panTo(new L.LatLng(geom.coordinates[1],
geom.coordinates[0]));
}
} catch(e){}
}
geojson.addTo(map);
}
function _processLeafletItem(leafletItem, map){
switch(leafletItem.type){
case "LeafletMarker":
_addMarkerToMap(leafletItem, map);
break;
case "LeafletGeoJSON":
_addGeoJSONToMap(leafletItem, map);
break;
case undefined:
break;
default:
console.log("Couldn't add item " + leafletItem.id);
break;
}
}
//The actual section that is called that creates a map
function createMap(){
console.log("Creating map 934ae60514ca01961e11323f45ffc289 with these args:");
console.log(tagInputArg);
//Initialize Map with the correct input arguments
var map = L.map(mapEl.id,
{worldCopyJump: true}).setView(_getCenter(), _getZoom());
L.tileLayer.provider(_getProviderBasemap()).addTo(map);
if("esriBasemap" in tagInputArg){
L.esri.basemapLayer(tagInputArg.esriBasemap).addTo(map);
}
//process each Leaflet Item passed in between the block tag middle
for(var i=0; i<blockLeafletItems.length; i++){
var leafletItem = blockLeafletItems[i];
console.log("Adding leaflet item " + leafletItem.id + ":");
console.log(leafletItem);
_processLeafletItem(leafletItem, map);
}
}
// Load the correct JS libraries/CSS by adding to head:
// When ready, call createMap() to create the map on the page
function _createMap(){
// helper function to draw the map only when everything is loaded,
// safeguards against multiple calls to window.onload
var prevOnLoad;
if(window.onload){
prevOnLoad = window.onload;
}
window.onload = () => {
createMap();
if(prevOnLoad){
prevOnLoad();
}
}
}
var leafletCssId = "leaflet-css-head";
var leafletJsId = "leaflet-js-head";
var esriLeafletJsId = "esri-leaflet-js-head";
var leafletProvidersJsId = "leaflet-providers-js-head";
// Add the leaflet CSS first, don't worry about when it loads
var leafletCssEl = document.createElement("link");
leafletCssEl.id = leafletCssId;
leafletCssEl.rel = "stylesheet";
leafletCssEl.href = leafletCdn + "leaflet.css";
if(!document.getElementById(leafletCssEl.id)){
document.head.appendChild(leafletCssEl);
}
function addToHeadIfNotLoaded(el) {
//Add the el to the head if it doesn't exist already. If it does,
//everything we need is already loaded, so draw the map
if(!document.getElementById(el.id)){
document.head.appendChild(el);
} else {
_createMap();
}
}
// Load the main leaflet.js code, wait for it to load
var leafletJsEl = document.createElement("script");
leafletJsEl.id = leafletJsId;
leafletJsEl.onload = () => {
//After loaded, load the esri-leaflet.js code, wait for it to load
var esriEl = document.createElement("script");
esriEl.id = esriLeafletJsId;
esriEl.onload = () => {
//After loaded, add the inline leaflet-providers <script>
provEl = document.createElement("script");
provEl.id = leafletProvidersJsId;
provEl.innerHTML = `//Taken from https://github.com/leaflet-extras/leaflet-providers
(function (root, factory) {
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['leaflet'], factory);
} else if (typeof modules === 'object' && module.exports) {
// define a Common JS module that relies on 'leaflet'
module.exports = factory(require('leaflet'));
} else {
// Assume Leaflet is loaded into global object L already
factory(L);
}
}(this, function (L) {
'use strict';
L.TileLayer.Provider = L.TileLayer.extend({
initialize: function (arg, options) {
var providers = L.TileLayer.Provider.providers;
var parts = arg.split('.');
var providerName = parts[0];
var variantName = parts[1];
if (!providers[providerName]) {
throw 'No such provider (' + providerName + ')';
}
var provider = {
url: providers[providerName].url,
options: providers[providerName].options
};
// overwrite values in provider from variant.
if (variantName && 'variants' in providers[providerName]) {
if (!(variantName in providers[providerName].variants)) {
throw 'No such variant of ' + providerName + ' (' + variantName + ')';
}
var variant = providers[providerName].variants[variantName];
var variantOptions;
if (typeof variant === 'string') {
variantOptions = {
variant: variant
};
} else {
variantOptions = variant.options;
}
provider = {
url: variant.url || provider.url,
options: L.Util.extend({}, provider.options, variantOptions)
};
}
// replace attribution placeholders with their values from toplevel provider attribution,
// recursively
var attributionReplacer = function (attr) {
if (attr.indexOf('{attribution.') === -1) {
return attr;
}
return attr.replace(/\{attribution.(\w*)\}/g,
function (match, attributionName) {
return attributionReplacer(providers[attributionName].options.attribution);
}
);
};
provider.options.attribution = attributionReplacer(provider.options.attribution);
// Compute final options combining provider options with any user overrides
var layerOpts = L.Util.extend({}, provider.options, options);
L.TileLayer.prototype.initialize.call(this, provider.url, layerOpts);
}
});
/**
* Definition of providers.
* see http://leafletjs.com/reference.html#tilelayer for options in the options map.
*/
L.TileLayer.Provider.providers = {
OpenStreetMap: {
url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution:
'© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
},
variants: {
Mapnik: {},
DE: {
url: 'https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png',
options: {
maxZoom: 18
}
},
CH: {
url: 'https://tile.osm.ch/switzerland/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
bounds: [[45, 5], [48, 11]]
}
},
France: {
url: 'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
options: {
maxZoom: 20,
attribution: '© Openstreetmap France | {attribution.OpenStreetMap}'
}
},
HOT: {
url: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap}, ' +
'Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> ' +
'hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>'
}
},
BZH: {
url: 'https://tile.openstreetmap.bzh/br/{z}/{x}/{y}.png',
options: {
attribution: '{attribution.OpenStreetMap}, Tiles courtesy of <a href="http://www.openstreetmap.bzh/" target="_blank">Breton OpenStreetMap Team</a>',
bounds: [[46.2, -5.5], [50, 0.7]]
}
}
}
},
OpenSeaMap: {
url: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
options: {
attribution: 'Map data: © <a href="http://www.openseamap.org">OpenSeaMap</a> contributors'
}
},
OpenPtMap: {
url: 'http://openptmap.org/tiles/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: © <a href="http://www.openptmap.org">OpenPtMap</a> contributors'
}
},
OpenTopoMap: {
url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',
options: {
maxZoom: 17,
attribution: 'Map data: {attribution.OpenStreetMap}, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenRailwayMap: {
url: 'https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://www.OpenRailwayMap.org">OpenRailwayMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
OpenFireMap: {
url: 'http://openfiremap.org/hytiles/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="http://www.openfiremap.org">OpenFireMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
SafeCast: {
url: 'https://s3.amazonaws.com/te512.safecast.org/{z}/{x}/{y}.png',
options: {
maxZoom: 16,
attribution: 'Map data: {attribution.OpenStreetMap} | Map style: © <a href="https://blog.safecast.org/about/">SafeCast</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)'
}
},
Thunderforest: {
url: 'https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}',
options: {
attribution:
'© <a href="http://www.thunderforest.com/">Thunderforest</a>, {attribution.OpenStreetMap}',
variant: 'cycle',
apikey: '<insert your api key here>',
maxZoom: 22
},
variants: {
OpenCycleMap: 'cycle',
Transport: {
options: {
variant: 'transport'
}
},
TransportDark: {
options: {
variant: 'transport-dark'
}
},
SpinalMap: {
options: {
variant: 'spinal-map'
}
},
Landscape: 'landscape',
Outdoors: 'outdoors',
Pioneer: 'pioneer'
}
},
OpenMapSurfer: {
url: 'https://maps.heigit.org/openmapsurfer/tiles/{variant}/webmercator/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
variant: 'roads',
attribution: 'Imagery from <a href="http://giscience.uni-hd.de/">GIScience Research Group @ University of Heidelberg</a> | Map data '
},
variants: {
Roads: {
options: {
variant: 'roads',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
Hybrid: {
options: {
variant: 'hybrid',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
AdminBounds: {
options: {
variant: 'adminb',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
},
ContourLines: {
options: {
variant: 'asterc',
maxZoom: 18,
minZoom: 13,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>'
}
},
Hillshade: {
options: {
variant: 'asterh',
maxZoom: 18,
attribution: '{attribution.OpenMapSurfer} <a href="https://lpdaac.usgs.gov/products/aster_policies">ASTER GDEM</a>, <a href="http://srtm.csi.cgiar.org/">SRTM</a>'
}
},
ElementsAtRisk: {
options: {
variant: 'elements_at_risk',
attribution: '{attribution.OpenMapSurfer}{attribution.OpenStreetMap}'
}
}
}
},
Hydda: {
url: 'https://{s}.tile.openstreetmap.se/hydda/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 18,
variant: 'full',
attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data {attribution.OpenStreetMap}'
},
variants: {
Full: 'full',
Base: 'base',
RoadsAndLabels: 'roads_and_labels'
}
},
MapBox: {
url: 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}{r}.png?access_token={accessToken}',
options: {
attribution:
'<a href="https://www.mapbox.com/about/maps/" target="_blank">© Mapbox</a> ' +
'{attribution.OpenStreetMap} ' +
'<a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a>',
subdomains: 'abcd',
id: 'mapbox.streets',
accessToken: '<insert your access token here>',
}
},
Stamen: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}{r}.{ext}',
options: {
attribution:
'Map tiles by <a href="http://stamen.com">Stamen Design</a>, ' +
'<a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — ' +
'Map data {attribution.OpenStreetMap}',
subdomains: 'abcd',
minZoom: 0,
maxZoom: 20,
variant: 'toner',
ext: 'png'
},
variants: {
Toner: 'toner',
TonerBackground: 'toner-background',
TonerHybrid: 'toner-hybrid',
TonerLines: 'toner-lines',
TonerLabels: 'toner-labels',
TonerLite: 'toner-lite',
Watercolor: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'watercolor',
ext: 'jpg',
minZoom: 1,
maxZoom: 16
}
},
Terrain: {
options: {
variant: 'terrain',
minZoom: 0,
maxZoom: 18
}
},
TerrainBackground: {
options: {
variant: 'terrain-background',
minZoom: 0,
maxZoom: 18
}
},
TopOSMRelief: {
url: 'https://stamen-tiles-{s}.a.ssl.fastly.net/{variant}/{z}/{x}/{y}.{ext}',
options: {
variant: 'toposm-color-relief',
ext: 'jpg',
bounds: [[22, -132], [51, -56]]
}
},
TopOSMFeatures: {
options: {
variant: 'toposm-features',
bounds: [[22, -132], [51, -56]],
opacity: 0.9
}
}
}
},
Esri: {
url: 'https://server.arcgisonline.com/ArcGIS/rest/services/{variant}/MapServer/tile/{z}/{y}/{x}',
options: {
variant: 'World_Street_Map',
attribution: 'Tiles © Esri'
},
variants: {
WorldStreetMap: {
options: {
attribution:
'{attribution.Esri} — ' +
'Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'
}
},
DeLorme: {
options: {
variant: 'Specialty/DeLorme_World_Base_Map',
minZoom: 1,
maxZoom: 11,
attribution: '{attribution.Esri} — Copyright: ©2012 DeLorme'
}
},
WorldTopoMap: {
options: {
variant: 'World_Topo_Map',
attribution:
'{attribution.Esri} — ' +
'Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
}
},
WorldImagery: {
options: {
variant: 'World_Imagery',
attribution:
'{attribution.Esri} — ' +
'Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
}
},
WorldTerrain: {
options: {
variant: 'World_Terrain_Base',
maxZoom: 13,
attribution:
'{attribution.Esri} — ' +
'Source: USGS, Esri, TANA, DeLorme, and NPS'
}
},
WorldShadedRelief: {
options: {
variant: 'World_Shaded_Relief',
maxZoom: 13,
attribution: '{attribution.Esri} — Source: Esri'
}
},
WorldPhysical: {
options: {
variant: 'World_Physical_Map',
maxZoom: 8,
attribution: '{attribution.Esri} — Source: US National Park Service'
}
},
OceanBasemap: {
options: {
variant: 'Ocean_Basemap',
maxZoom: 13,
attribution: '{attribution.Esri} — Sources: GEBCO, NOAA, CHS, OSU, UNH, CSUMB, National Geographic, DeLorme, NAVTEQ, and Esri'
}
},
NatGeoWorldMap: {
options: {
variant: 'NatGeo_World_Map',
maxZoom: 16,
attribution: '{attribution.Esri} — National Geographic, Esri, DeLorme, NAVTEQ, UNEP-WCMC, USGS, NASA, ESA, METI, NRCAN, GEBCO, NOAA, iPC'
}
},
WorldGrayCanvas: {
options: {
variant: 'Canvas/World_Light_Gray_Base',
maxZoom: 16,
attribution: '{attribution.Esri} — Esri, DeLorme, NAVTEQ'
}
}
}
},
OpenWeatherMap: {
url: 'http://{s}.tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}',
options: {
maxZoom: 19,
attribution: 'Map data © <a href="http://openweathermap.org">OpenWeatherMap</a>',
apiKey:'<insert your api key here>',
opacity: 0.5
},
variants: {
Clouds: 'clouds',
CloudsClassic: 'clouds_cls',
Precipitation: 'precipitation',
PrecipitationClassic: 'precipitation_cls',
Rain: 'rain',
RainClassic: 'rain_cls',
Pressure: 'pressure',
PressureContour: 'pressure_cntr',
Wind: 'wind',
Temperature: 'temp',
Snow: 'snow'
}
},
HERE: {
/*
* HERE maps, formerly Nokia maps.
* These basemaps are free, but you need an API key. Please sign up at
* https://developer.here.com/plans
*/
url:
'https://{s}.{base}.maps.api.here.com/maptile/2.1/' +
'{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?' +
'app_id={app_id}&app_code={app_code}&lg={language}',
options: {
attribution:
'Map © 1987-' + new Date().getFullYear() + ' <a href="http://developer.here.com">HERE</a>',
subdomains: '1234',
mapID: 'newest',
'app_id': '<insert your app_id here>',
'app_code': '<insert your app_code here>',
base: 'base',
variant: 'normal.day',
maxZoom: 20,
type: 'maptile',
language: 'eng',
format: 'png8',
size: '256'
},
variants: {
normalDay: 'normal.day',
normalDayCustom: 'normal.day.custom',
normalDayGrey: 'normal.day.grey',
normalDayMobile: 'normal.day.mobile',
normalDayGreyMobile: 'normal.day.grey.mobile',
normalDayTransit: 'normal.day.transit',
normalDayTransitMobile: 'normal.day.transit.mobile',
normalNight: 'normal.night',
normalNightMobile: 'normal.night.mobile',
normalNightGrey: 'normal.night.grey',
normalNightGreyMobile: 'normal.night.grey.mobile',
normalNightTransit: 'normal.night.transit',
normalNightTransitMobile: 'normal.night.transit.mobile',
reducedDay: 'reduced.day',
reducedNight: 'reduced.night',
basicMap: {
options: {
type: 'basetile'
}
},
mapLabels: {
options: {
type: 'labeltile',
format: 'png'
}
},
trafficFlow: {
options: {
base: 'traffic',
type: 'flowtile'
}
},
carnavDayGrey: 'carnav.day.grey',
hybridDay: {
options: {
base: 'aerial',
variant: 'hybrid.day'
}
},
hybridDayMobile: {
options: {
base: 'aerial',
variant: 'hybrid.day.mobile'
}
},
hybridDayTransit: {
options: {
base: 'aerial',
variant: 'hybrid.day.transit'
}
},
hybridDayGrey: {
options: {
base: 'aerial',
variant: 'hybrid.grey.day'
}
},
pedestrianDay: 'pedestrian.day',
pedestrianNight: 'pedestrian.night',
satelliteDay: {
options: {
base: 'aerial',
variant: 'satellite.day'
}
},
terrainDay: {
options: {
base: 'aerial',
variant: 'terrain.day'
}
},
terrainDayMobile: {
options: {
base: 'aerial',
variant: 'terrain.day.mobile'
}
}
}
},
FreeMapSK: {
url: 'http://t{s}.freemap.sk/T/{z}/{x}/{y}.jpeg',
options: {
minZoom: 8,
maxZoom: 16,
subdomains: '1234',
bounds: [[47.204642, 15.996093], [49.830896, 22.576904]],
attribution:
'{attribution.OpenStreetMap}, vizualization CC-By-SA 2.0 <a href="http://freemap.sk">Freemap.sk</a>'
}
},
MtbMap: {
url: 'http://tile.mtbmap.cz/mtbmap_tiles/{z}/{x}/{y}.png',
options: {
attribution:
'{attribution.OpenStreetMap} & USGS'
}
},
CartoDB: {
url: 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
options: {
attribution: '{attribution.OpenStreetMap} © <a href="https://carto.com/attributions">CARTO</a>',
subdomains: 'abcd',
maxZoom: 19,
variant: 'light_all'
},
variants: {
Positron: 'light_all',
PositronNoLabels: 'light_nolabels',
PositronOnlyLabels: 'light_only_labels',
DarkMatter: 'dark_all',
DarkMatterNoLabels: 'dark_nolabels',
DarkMatterOnlyLabels: 'dark_only_labels',
Voyager: 'rastertiles/voyager',
VoyagerNoLabels: 'rastertiles/voyager_nolabels',
VoyagerOnlyLabels: 'rastertiles/voyager_only_labels',
VoyagerLabelsUnder: 'rastertiles/voyager_labels_under'
}
},
HikeBike: {
url: 'https://tiles.wmflabs.org/{variant}/{z}/{x}/{y}.png',
options: {
maxZoom: 19,
attribution: '{attribution.OpenStreetMap}',
variant: 'hikebike'
},
variants: {
HikeBike: {},
HillShading: {
options: {
maxZoom: 15,
variant: 'hillshading'
}
}
}
},
BasemapAT: {
url: 'https://maps{s}.wien.gv.at/basemap/{variant}/normal/google3857/{z}/{y}/{x}.{format}',
options: {
maxZoom: 19,
attribution: 'Datenquelle: <a href="https://www.basemap.at">basemap.at</a>',
subdomains: ['', '1', '2', '3', '4'],
format: 'png',
bounds: [[46.358770, 8.782379], [49.037872, 17.189532]],
variant: 'geolandbasemap'
},
variants: {
basemap: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'geolandbasemap'
}
},
grau: 'bmapgrau',
overlay: 'bmapoverlay',
highdpi: {
options: {
variant: 'bmaphidpi',
format: 'jpeg'
}
},
orthofoto: {
options: {
maxZoom: 20, // currently only in Vienna
variant: 'bmaporthofoto30cm',
format: 'jpeg'
}
}
}
},
nlmaps: {
url: 'https://geodata.nationaalgeoregister.nl/tiles/service/wmts/{variant}/EPSG:3857/{z}/{x}/{y}.png',
options: {
minZoom: 6,
maxZoom: 19,
bounds: [[50.5, 3.25], [54, 7.6]],
attribution: 'Kaartgegevens © <a href="kadaster.nl">Kadaster</a>'
},
variants: {
'standaard': 'brtachtergrondkaart',
'pastel': 'brtachtergrondkaartpastel',
'grijs': 'brtachtergrondkaartgrijs',
'luchtfoto': {
'url': 'https://geodata.nationaalgeoregister.nl/luchtfoto/rgb/wmts/1.0.0/2016_ortho25/EPSG:3857/{z}/{x}/{y}.png',
}
}
},
NASAGIBS: {
url: 'https://map1.vis.earthdata.nasa.gov/wmts-webmerc/{variant}/default/{time}/{tilematrixset}{maxZoom}/{z}/{y}/{x}.{format}',
options: {
attribution:
'Imagery provided by services from the Global Imagery Browse Services (GIBS), operated by the NASA/GSFC/Earth Science Data and Information System ' +
'(<a href="https://earthdata.nasa.gov">ESDIS</a>) with funding provided by NASA/HQ.',
bounds: [[-85.0511287776, -179.999999975], [85.0511287776, 179.999999975]],
minZoom: 1,
maxZoom: 9,
format: 'jpg',
time: '',
tilematrixset: 'GoogleMapsCompatible_Level'
},
variants: {
ModisTerraTrueColorCR: 'MODIS_Terra_CorrectedReflectance_TrueColor',
ModisTerraBands367CR: 'MODIS_Terra_CorrectedReflectance_Bands367',
ViirsEarthAtNight2012: {
options: {
variant: 'VIIRS_CityLights_2012',
maxZoom: 8
}
},
ModisTerraLSTDay: {
options: {
variant: 'MODIS_Terra_Land_Surface_Temp_Day',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
},
ModisTerraSnowCover: {
options: {
variant: 'MODIS_Terra_Snow_Cover',
format: 'png',
maxZoom: 8,
opacity: 0.75
}
},
ModisTerraAOD: {
options: {
variant: 'MODIS_Terra_Aerosol',
format: 'png',
maxZoom: 6,
opacity: 0.75
}
},
ModisTerraChlorophyll: {
options: {
variant: 'MODIS_Terra_Chlorophyll_A',
format: 'png',
maxZoom: 7,
opacity: 0.75
}
}
}
},
NLS: {
// NLS maps are copyright National library of Scotland.
// http://maps.nls.uk/projects/api/index.html
// Please contact NLS for anything other than non-commercial low volume usage
//
// Map sources: Ordnance Survey 1:1m to 1:63K, 1920s-1940s
// z0-9 - 1:1m
// z10-11 - quarter inch (1:253440)
// z12-18 - one inch (1:63360)
url: 'https://nls-{s}.tileserver.com/nls/{z}/{x}/{y}.jpg',
options: {
attribution: '<a href="http://geo.nls.uk/maps/">National Library of Scotland Historic Maps</a>',
bounds: [[49.6, -12], [61.7, 3]],
minZoom: 1,
maxZoom: 18,
subdomains: '0123',
}
},
JusticeMap: {
// Justice Map (http://www.justicemap.org/)
// Visualize race and income data for your community, county and country.
// Includes tools for data journalists, bloggers and community activists.
url: 'http://www.justicemap.org/tile/{size}/{variant}/{z}/{x}/{y}.png',
options: {
attribution: '<a href="http://www.justicemap.org/terms.php">Justice Map</a>',
// one of 'county', 'tract', 'block'
size: 'county',
// Bounds for USA, including Alaska and Hawaii
bounds: [[14, -180], [72, -56]]
},
variants: {
income: 'income',
americanIndian: 'indian',
asian: 'asian',
black: 'black',
hispanic: 'hispanic',
multi: 'multi',
nonWhite: 'nonwhite',
white: 'white',
plurality: 'plural'
}
},
Wikimedia: {
url: 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}{r}.png',
options: {
attribution: '<a href="https://wikimediafoundation.org/wiki/Maps_Terms_of_Use">Wikimedia</a>',
minZoom: 1,
maxZoom: 19
}
},
GeoportailFrance: {
url: 'https://wxs.ign.fr/{apikey}/geoportail/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0&STYLE={style}&TILEMATRIXSET=PM&FORMAT={format}&LAYER={variant}&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}',
options: {
attribution: '<a target="_blank" href="https://www.geoportail.gouv.fr/">Geoportail France</a>',
bounds: [[-75, -180], [81, 180]],
minZoom: 2,
maxZoom: 18,
// Get your own geoportail apikey here : http://professionnels.ign.fr/ign/contrats/
// NB : 'choisirgeoportail' is a demonstration key that comes with no guarantee
apikey: 'choisirgeoportail',
format: 'image/jpeg',
style : 'normal',
variant: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD'
},
variants: {
parcels: {
options : {
variant: 'CADASTRALPARCELS.PARCELS',
maxZoom: 20,
style : 'bdparcellaire',
format: 'image/png'
}
},
ignMaps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS',
maps: 'GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN-EXPRESS.STANDARD',
orthos: {
options: {
maxZoom: 19,
variant: 'ORTHOIMAGERY.ORTHOPHOTOS'
}
}
}
},
OneMapSG: {
url: 'https://maps-{s}.onemap.sg/v3/{variant}/{z}/{x}/{y}.png',
options: {
variant: 'Default',
minZoom: 11,
maxZoom: 18,
bounds: [[1.56073, 104.11475], [1.16, 103.502]],
attribution: '<img src="https://docs.onemap.sg/maps/images/oneMap64-01.png" style="height:20px;width:20px;"/> New OneMap | Map data © contributors, <a href="http://SLA.gov.sg">Singapore Land Authority</a>'
},
variants: {
Default: 'Default',
Night: 'Night',
Original: 'Original',
Grey: 'Grey',
LandLot: 'LandLot'
}
}
};
L.tileLayer.provider = function (provider, options) {
return new L.TileLayer.Provider(provider, options);
};
return L;
}));
`;
if(!document.getElementById(provEl.id)){
document.head.appendChild(provEl);
}
_createMap();
}
esriEl.src = esriLeafletCdn + "esri-leaflet.js";
addToHeadIfNotLoaded(esriEl);
};
leafletJsEl.src = leafletCdn + "leaflet.js";
addToHeadIfNotLoaded(leafletJsEl);
})();
</script>
<p>We spent 3 days in Seoul, South Korea. We ate delicious food, visited the markets and tourist sites, and even went to the DMZ (border between South Korea and North Korea). It was a great end to our trip. Special to thanks to Kyong for again meeting up with us and again showing us around (MVP for amazing hospitality in TWO countries), to my great friend Luke for making the trek to hang out, and to our new friend Ryan.</p>
<figure>
<a href="/assets/personal/japan-2019/group-photo-6.jpg"><img class="travel-image" src="/assets/personal/japan-2019/group-photo-6.jpg" /></a>
<figcaption></figcaption>
</figure>
<h2 id="dmz">DMZ</h2>
<p><a href="https://en.m.wikipedia.org/wiki/2019_Koreas%E2%80%93United_States_DMZ_Summit">President Trump visited the DMZ on June 30th</a>, a few days before we had our reservation to visit the DMZ and the JSA. Since the whole area is under military jurisdiction, our original plan was cancelled because of (unconfirmed reports of) meetings between the Trump admin and NK officials taking place in the JSA.</p>
<p>We still got to visit the touristy sites they allow you to go to, including Dorasan Station, a lookout tower, and the 3rd tunnel. The Dorasan Station is a now inactivate train station that used to run to small towns just north of the border. It is mostly symbolic as of 2019, with hopes of an eventual Pyongyang/China connection in the future. Very cool to see reunification symbols in person and learn more about the history.</p>
<figure>
<a href="/assets/personal/japan-2019/dmz-1.jpg"><img class="travel-image" src="/assets/personal/japan-2019/dmz-1.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/japan-2019/dmz-2.jpg"><img class="travel-image" src="/assets/personal/japan-2019/dmz-2.jpg" /></a>
<figcaption></figcaption>
</figure>
<h2 id="seoul">Seoul</h2>
<p>I was excited to visit the 광장시장 (Gwangjang Market) to try the street food I saw on the Netflix show “Street Food”. The 빈대떡 (Mung Bean Panackes) tasted like delicious Korean fried hash browns with cabbage, there was awesome spicy 떡볶이 (Tteok-bokki) in many dishes, and the 칼국수 (Kalguksu) reminded me of Japanese Soba with different broth and flavorings. Other foods eaten include dumplings, Mayak Kimbap, and ofcourse all of the different 김치 (Kimchi). All of the street food and restaurant food was delicious and incredibly different from the Japanese food we’d been eating on the trip. Definitely a highlight to try authentic Korean cuisine.</p>
<figure>
<a href="/assets/personal/japan-2019/street-food-6.jpg"><img class="travel-image" src="/assets/personal/japan-2019/street-food-6.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/japan-2019/street-food-7.jpg"><img class="travel-image" src="/assets/personal/japan-2019/street-food-7.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>Other locations visited in Seoul: the Gyongbokgung Palace, some bars in Gangnam, Bukkhasan National Park. Very interesting to observe the cultural differences of Korea, even if we were only there for a short time.</p>
<figure>
<a href="/assets/personal/japan-2019/temple-9.jpg"><img class="travel-image" src="/assets/personal/japan-2019/temple-9.jpg" /></a>
<figcaption></figcaption>
</figure>
<figure>
<a href="/assets/personal/japan-2019/temple-10.jpg"><img class="travel-image" src="/assets/personal/japan-2019/temple-10.jpg" /></a>
<figcaption></figcaption>
</figure>
<h2 id="end-of-our-trip">End of Our Trip</h2>
<p>I am exhausted but had an amazing time making memories on this trip with my family. The culture shock was a lot in the beginning, but near the end I’m very proud of how much we’ve learned and how much we’ve experienced on this trip. I love you all, thanks for making this a trip we’ll talk about for years to come. :).</p>
<figure>
<a href="/assets/personal/japan-2019/group-photo-7.jpg"><img class="travel-image" src="/assets/personal/japan-2019/group-photo-7.jpg" /></a>
<figcaption></figcaption>
</figure>
<p>Here’s to the next trip!</p>David Vitale