Skip to content

Instantly share code, notes, and snippets.

@wboykinm

wboykinm/index.html

Created April 3, 2014 00:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wboykinm/9946353 to your computer and use it in GitHub Desktop.
Save wboykinm/9946353 to your computer and use it in GitHub Desktop.
Download ZIP
national map selection
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Leaflet Image</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.css' rel='stylesheet' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
#snap {position: absolute; bottom: 10px; left: 10px; z-index: 99;}
#extentMap {width:300px;height:200px;position:absolute;z-index:98;top:10px;right:10px;}
</style>
</head>
<body>
<script src='//api.tiles.mapbox.com/mapbox.js/plugins/leaflet-image/v0.0.3/leaflet-image.js'></script>
<button id='snap' onClick='doImage()'>Map Snapshot</button>
<div id='map' style='width: 70%;'></div>
<div id='extentMap'></div>
<script type="text/javascript">
// the main map
var map = L.mapbox.map('map', 'faraday2.hi7p6kfl', {
center: [44.5, -73.2],
zoom: 12
});
function doImage() {
// build a new map
var extentMap = L.mapbox.map('extentMap', 'faraday2.hi7p6kfl', {
zoomControl: false,
infoControl: false,
keyboard: false
});
// make it a de facto static image
extentMap.dragging.disable();
extentMap.touchZoom.disable();
extentMap.doubleClickZoom.disable();
extentMap.scrollWheelZoom.disable();
if (extentMap.tap) extentMap.tap.disable();
console.log(map.getBounds()._northEast.lat);
// This is a dummy geojson polygon - see below for actual use
var extentPoly = {"type":"GeometryCollection","geometries":[{"type":"MultiPolygon","coordinates":[[[[-120.62389373779297,34.64110565185547],[-120.62222290039062,35.14305114746094],[-121.26583862304688,35.69248962402344],[-121.47416687011719,36],[-121.86416625976562,36.308326721191406],[-121.94666290283203,36.579994201660156],[-121.76390075683594,36.81249237060547],[-121.90778350830078,36.981101989746094],[-122.15278625488281,36.99860382080078],[-122.37666320800781,37.19554138183594],[-122.48554992675781,37.79083251953125],[-122.91889953613281,38.07321548461914],[-123.10472106933594,38.46110534667969],[-123.30915832519531,38.56999206542969],[-123.71640014648438,38.962493896484375],[-123.79444885253906,39.34748840332031],[-123.73638916015625,39.559715270996094],[-123.86749267578125,39.86915588378906],[-124.32140350341797,40.25444030761719],[-124.37581634521484,40.451934814453125],[-124.14306640625,40.81193542480469],[-124.04415893554688,41.454994201660156],[-124.33944702148438,42.12499237060547],[-124.39666748046875,42.67332458496094],[-124.52194213867188,42.82860565185547],[-124.37777709960938,43.323326110839844],[-124.19695281982422,43.45610046386719],[-124.03916931152344,44.73027038574219],[-123.94444274902344,45.16443634033203],[-123.9091567993164,46.026939392089844],[-124,46.3236083984375],[-123.88249206542969,46.56749725341797],[-124.29804992675781,47.36693572998047],[-124.36221313476562,47.67555236816406],[-124.65471649169922,47.99415588378906],[-124.71278381347656,48.39888000488281],[-124.040283203125,48.19304656982422],[-122.77806091308594,48.09027099609375],[-122.45556640625,47.780548095703125],[-122.60472106933594,47.70054626464844],[-122.5413818359375,47.29777526855469],[-122.3127670288086,47.36998748779297],[-122.41832733154297,47.672218322753906],[-122.28943634033203,47.960548400878906],[-122.4760971069336,48.459434509277344],[-122.49749755859375,48.74054718017578],[-122.76029968261719,48.99943542480469],[-120.53472900390625,48.99943542480469],[-117.86749267578125,48.99943542480469],[-116.04833984375,48.999717712402344],[-113.23416137695312,48.99943542480469],[-111.36833190917969,48.99943542480469],[-110.10138702392578,48.99943542480469],[-108.16887664794922,48.99943542480469],[-106.73554992675781,48.99943542480469],[-104.83500671386719,48.99943542480469],[-102.33556365966797,48.99943542480469],[-100.501953125,48.999717712402344],[-98.50222778320312,48.99943542480469],[-97.21994018554688,48.999717712402344],[-95.1541748046875,48.99943542480469],[-95.15278625488281,49.37665557861328],[-94.82194519042969,49.312767028808594],[-94.7066650390625,48.790550231933594],[-94.52389526367188,48.701934814453125],[-93.84249877929688,48.62360382080078],[-93.79306030273438,48.51776885986328],[-93.2449951171875,48.64054870605469],[-91.4183349609375,48.041107177734375],[-90.89805603027344,48.236656188964844],[-90.74082946777344,48.09082794189453],[-90.15638732910156,48.12248992919922],[-89.90388488769531,47.989158630371094],[-89.35665893554688,47.979713439941406],[-88.69166564941406,48.25555419921875],[-88.36805725097656,48.31221008300781],[-86.0513916015625,47.39888000488281],[-84.85694885253906,46.90221405029297],[-84.56500244140625,46.46638488769531],[-84.19276428222656,46.546661376953125],[-83.96278381347656,46.07555389404297],[-83.59611511230469,46.114158630371094],[-83.44776916503906,46.011940002441406],[-83.5977783203125,45.82721710205078],[-82.54306030273438,45.35582733154297],[-82.13027954101562,43.58526611328125],[-82.41877746582031,43.018638610839844],[-82.51333618164062,42.636383056640625],[-83.05194091796875,42.32471466064453],[-83.16860961914062,42.046104431152344],[-83.07194519042969,41.859718322753906],[-82.6966552734375,41.683876037597656],[-82.42527770996094,41.67555236816406],[-81.24916076660156,42.22499084472656],[-80.09695434570312,42.396385192871094],[-78.9869384765625,42.81999206542969],[-79.18472290039062,43.465545654296875],[-78.72471618652344,43.629432678222656],[-76.80194091796875,43.63360595703125],[-76.43472290039062,44.104713439941406],[-75.87998962402344,44.39332580566406],[-75.31777954101562,44.83721160888672],[-74.85028076171875,45.01666259765625],[-74.24916076660156,44.992218017578125],[-71.49415588378906,45.020545959472656],[-71.28056335449219,45.30193328857422],[-70.88612365722656,45.23804473876953],[-70.63194274902344,45.627769470214844],[-70.26333618164062,45.90277099609375],[-70.28778076171875,46.20304870605469],[-70.05055236816406,46.4385986328125],[-70.00917053222656,46.69804382324219],[-69.23249816894531,47.47137451171875],[-68.88778686523438,47.18804168701172],[-68.32305908203125,47.36582946777344],[-67.79499816894531,47.06999206542969],[-67.79110717773438,45.69304656982422],[-67.45388793945312,45.61249542236328],[-67.46501159667969,45.281105041503906],[-67.15943908691406,45.166664123535156],[-66.96888732910156,44.83110809326172],[-67.18693542480469,44.66193389892578],[-67.56527709960938,44.550270080566406],[-68.32115173339844,44.46588134765625],[-68.54750061035156,44.317771911621094],[-68.98500061035156,44.43971252441406],[-69.0675048828125,44.063323974609375],[-69.50306701660156,43.848876953125],[-69.81855010986328,43.90277099609375],[-70.17250061035156,43.780548095703125],[-70.18916320800781,43.575828552246094],[-70.52278137207031,43.350830078125],[-70.78860473632812,42.941375732421875],[-70.85665893554688,42.546104431152344],[-71.04306030273438,42.36998748779297],[-70.713623046875,42.209991455078125],[-70.41082763671875,41.63860321044922],[-70.9263916015625,41.55387878417969],[-71.50527954101562,41.36693572998047],[-72.25167846679688,41.28777313232422],[-72.90638732910156,41.286109924316406],[-73.56221008300781,41.01471710205078],[-74.1986083984375,40.64276885986328],[-74.2691650390625,40.474708557128906],[-73.97610473632812,40.44776916503906],[-73.95222473144531,40.29999542236328],[-74.15306091308594,39.70054626464844],[-74.40556335449219,39.51610565185547],[-74.42027282714844,39.35193634033203],[-74.92388916015625,39.18971252441406],[-75.39666748046875,39.25110626220703],[-75.38833618164062,39.07555389404297],[-75.06388854980469,38.586936950683594],[-75.06806945800781,38.33387756347656],[-75.35499572753906,38.084991455078125],[-75.64639282226562,37.49916076660156],[-75.86805725097656,37.21693420410156],[-76.01806640625,37.2672119140625],[-75.91694641113281,37.60832977294922],[-75.66250610351562,37.840545654296875],[-76.32305908203125,38.492218017578125],[-76.10333251953125,38.8074951171875],[-76.258056640625,39.161376953125],[-75.977783203125,39.389991760253906],[-76.07444763183594,39.55943298339844],[-76.4808349609375,39.298606872558594],[-76.39250183105469,39.010826110839844],[-76.52362060546875,38.854713439941406],[-76.5050048828125,38.531105041503906],[-76.37554931640625,38.37416076660156],[-76.22833251953125,37.87721252441406],[-76.33750915527344,37.62665557861328],[-76.24526977539062,37.495269775390625],[-76.26139831542969,36.958885192871094],[-75.98306274414062,36.907493591308594],[-76.01167297363281,36.183326721191406],[-75.85360717773438,35.97499084472656],[-75.74333190917969,35.61388397216797],[-76.149169921875,35.336936950683594],[-76.45944213867188,35.37165832519531],[-76.64750671386719,34.97804260253906],[-76.32749938964844,34.968048095703125],[-76.50334167480469,34.73304748535156],[-76.6905517578125,34.79999542236328],[-77.08612060546875,34.67610168457031],[-77.68222045898438,34.36554718017578],[-78.01362609863281,33.891937255859375],[-78.60055541992188,33.870826721191406],[-79.13333129882812,33.42193603515625],[-79.20584106445312,33.16554260253906],[-79.52610778808594,33.035552978515625],[-79.98777770996094,32.618324279785156],[-80.2227783203125,32.54083251953125],[-80.46722412109375,32.315826416015625],[-80.8255615234375,32.156654357910156],[-80.85472106933594,31.971939086914062],[-81.12193298339844,31.728607177734375],[-81.26695251464844,31.259719848632812],[-81.53388977050781,30.85055160522461],[-81.25527954101562,29.79666519165039],[-80.96611022949219,29.15304946899414],[-80.60417175292969,28.609718322753906],[-80.75889587402344,28.425552368164062],[-80.38555908203125,27.66860580444336],[-80.0333251953125,26.786663055419922],[-80.13612365722656,25.90555191040039],[-80.30999755859375,25.610828399658203],[-80.42582702636719,25.241104125976562],[-81.08805847167969,25.115550994873047],[-81.1253890991211,25.376941680908203],[-81.336669921875,25.804996490478516],[-81.73658752441406,25.959442138671875],[-81.87527465820312,26.44832992553711],[-82.06416320800781,26.544998168945312],[-82.01722717285156,26.964717864990234],[-82.288330078125,26.828330993652344],[-82.39527893066406,26.95999526977539],[-82.61610412597656,27.553607940673828],[-82.38833618164062,27.825275421142578],[-82.85333251953125,27.855274200439453],[-82.66305541992188,28.43999481201172],[-82.6280517578125,28.846942901611328],[-82.80278015136719,29.15499496459961],[-83.07167053222656,29.224437713623047],[-83.39472961425781,29.520832061767578],[-83.6260986328125,29.869441986083984],[-84.0050048828125,30.09527587890625],[-84.26972961425781,30.09499740600586],[-84.86555480957031,29.73749542236328],[-85.29527282714844,29.688884735107422],[-85.35916137695312,29.894161224365234],[-86.08583068847656,30.303607940673828],[-86.12527465820312,30.43054962158203],[-86.43804931640625,30.496105194091797],[-86.59111022949219,30.415828704833984],[-87.16250610351562,30.519718170166016],[-87.40888977050781,30.452774047851562],[-87.73361206054688,30.23499298095703],[-87.91250610351562,30.414161682128906],[-88.33833312988281,30.403606414794922],[-88.45278930664062,30.319717407226562],[-88.83250427246094,30.41305160522461],[-89.31332397460938,30.308330535888672],[-89.602783203125,30.15471649169922],[-90.20639038085938,30.389163970947266],[-90.40805053710938,30.09305191040039],[-90.1744384765625,30.023887634277344],[-89.81193542480469,30.099163055419922],[-89.81388854980469,29.941940307617188],[-89.3336181640625,29.876384735107422],[-89.75334167480469,29.630828857421875],[-89.46417236328125,29.40304946899414],[-89.01028442382812,29.198604583740234],[-89.15388488769531,29.039997100830078],[-89.47860717773438,29.233604431152344],[-90.02639770507812,29.422496795654297],[-90.06582641601562,29.183330535888672],[-90.44444274902344,29.326107025146484],[-90.70472717285156,29.11471939086914],[-91.27305603027344,29.252777099609375],[-91.26722717285156,29.466938018798828],[-91.5433349609375,29.542774200439453],[-91.62998962402344,29.73916244506836],[-91.899169921875,29.836109161376953],[-92.14862060546875,29.76888656616211],[-92.26722717285156,29.542221069335938],[-92.68777465820312,29.60027313232422],[-93.11833190917969,29.76361083984375],[-93.74276733398438,29.7530517578125],[-94.53472900390625,29.518054962158203],[-94.73167419433594,29.610553741455078],[-95.01583862304688,29.5655517578125],[-94.90278625488281,29.314441680908203],[-95.14083862304688,29.057498931884766],[-95.61361694335938,28.757774353027344],[-96.1280517578125,28.603885650634766],[-96.44194030761719,28.76361083984375],[-96.4022216796875,28.43277359008789],[-96.78083801269531,28.241382598876953],[-97.02305603027344,28.030277252197266],[-97.27972412109375,27.656105041503906],[-97.47500610351562,27.03083038330078],[-97.56471252441406,26.99694061279297],[-97.40194702148438,26.369441986083984],[-97.25279235839844,25.984718322753906],[-97.36723327636719,25.83944320678711],[-97.64805603027344,26.029441833496094],[-98.06639099121094,26.038330078125],[-98.44473266601562,26.22610855102539],[-99.104736328125,26.43499755859375],[-99.26806640625,26.857498168945312],[-99.4586181640625,27.04694366455078],[-99.50279235839844,27.56583023071289],[-99.83555603027344,27.77527618408203],[-100.07139587402344,28.151107788085938],[-100.2791748046875,28.277496337890625],[-100.6683349609375,29.113330841064453],[-101.40501403808594,29.772777557373047],[-102.05473327636719,29.797775268554688],[-102.31111145019531,29.887218475341797],[-102.6702880859375,29.742774963378906],[-102.89584350585938,29.254165649414062],[-103.1541748046875,28.981388092041016],[-104.02362060546875,29.321109771728516],[-104.54362487792969,29.674720764160156],[-104.68028259277344,29.945552825927734],[-104.67500305175781,30.167774200439453],[-104.90055847167969,30.572776794433594],[-105.39306640625,30.865833282470703],[-106.00862121582031,31.39444351196289],[-106.21444702148438,31.475276947021484],[-106.52288055419922,31.78075408935547],[-108.2086181640625,31.78333282470703],[-108.20834350585938,31.333053588867188],[-109.51222229003906,31.333332061767578],[-111.04583740234375,31.333053588867188],[-111.94638061523438,31.623607635498047],[-113.69200897216797,32.16757583618164],[-114.80982971191406,32.506988525390625],[-114.7190933227539,32.71845626831055],[-117.12237548828125,32.53533172607422],[-117.31973266601562,33.10527038574219],[-117.49500274658203,33.34221649169922],[-118.10028076171875,33.7530517578125],[-118.30526733398438,33.71720886230469],[-118.54695129394531,34.05554962158203],[-119.1291732788086,34.11388397216797],[-119.54167175292969,34.414154052734375],[-120.12332153320312,34.47887420654297],[-120.44695281982422,34.45360565185547],[-120.62389373779297,34.64110565185547]]],[[[-74.0050048828125,40.67999267578125],[-73.58944702148438,40.92054748535156],[-72.64723205566406,40.979713439941406],[-72.54277038574219,40.82555389404297],[-73.56111145019531,40.64527130126953],[-74.0050048828125,40.67999267578125]]]]}]};
//style the polygon for overlay and add it
var poly = L.geoJson(extentPoly, {
style: function (feature) {
return {
color: '#49ada6',
weight: 3,
fillColor: '#e9d362',
opacity: 0.8,
fillOpacity: 0.3,
clickable: false
};
}
}).addTo(extentMap);
// fit the map to the rough extent of the polygon
// to get the active polygon, better to use something like:
// map.fitBounds(e.target.getBounds());
extentMap.fitBounds(poly.getBounds());
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment