diff options
Diffstat (limited to 'site/media/js')
-rw-r--r-- | site/media/js/photos.js | 73 | ||||
-rw-r--r-- | site/media/js/photos.min.js | 18 |
2 files changed, 28 insertions, 63 deletions
diff --git a/site/media/js/photos.js b/site/media/js/photos.js index 32e262f..1331b0e 100644 --- a/site/media/js/photos.js +++ b/site/media/js/photos.js @@ -1,48 +1,19 @@ //Utility functions for map info window -function mapit(latlontitle) { - lat = parseFloat(latlontitle.split(',')[0]); - lon = parseFloat(latlontitle.split(',')[1]); - //title= latlontitle.split(',')[2]; - elid= latlontitle.split(',')[2]; - centerCoord = new google.maps.LatLng(lat, lon); - var mapitinit; - if (mapitinit == true) { - mapPanTo(); - } else { - mapInit(); - } - - function mapInit() { - var mapOptions = { - zoom: 8, - center: centerCoord, - disableDefaultUI: true, - navigationControl: true, - mapTypeId: google.maps.MapTypeId.TERRAIN, - navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL} - }; - map = new google.maps.Map(document.getElementById("mw-"+elid), mapOptions); - var marker = new google.maps.Marker({ - position: centerCoord, - map: map - //title: title - }); - mapitinit = true; - } - function mapPanTo(){ - var marker = new google.maps.Marker({ - position: centerCoord, - map: map - //title: title - }); - map.panTo(centerCoord); - } -} - -//########## utility functions to create/remove map container ############ +function mapit(obj) { + lat = parseFloat(obj.attr('data-latitude')); + lon = parseFloat(obj.attr('data-longitude')); + elid= obj.attr('data-imgid'); + map = L.map(document.getElementById("mw-"+elid)); + centerCoord = new L.LatLng(lat, lon); + zoom = 8; + L.tileLayer.provider('Esri.WorldTopoMap', {maxZoom: 18, attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Tiles © Esri and the GIS User Community'}).addTo(map); + map.setView(centerCoord, zoom); + L.marker([lat, lon]).addTo(map); +} + //########## utility functions to create/remove map container ############ function create_map(obj) { //find id of this image caption: - imgid = obj.title.split(',')[2]; + var imgid = obj.attr('data-imgid'); //create container divs $('<div class="map-container" id="mc-'+imgid+'">').insertBefore($(obj).parent().parent()); //$(obj).parent().parent().parent().prepend('<div class="map-container" id="mc-'+imgid+'">'); @@ -54,7 +25,7 @@ function create_map(obj) { } }); - mapit(obj.title); + mapit(obj); } function remove_map(imgid) { $('#mc-'+imgid).remove(); @@ -65,31 +36,31 @@ $(document).ready(function(){ //set up click events for map button $('.map-link').click( function() { - imgid = this.title.split(',')[2]; + imgid = $(this).attr('data-imgid'); if ($('#mc-'+imgid).is(":visible")) { remove_map(imgid); } else { - create_map(this); + create_map($(this)); } return false; }); - var $ele = $('#slides').children() - var $curr = 0 + var $ele = $('#slides').children(); + var $curr = 0; $(document).bind('keydown', function (e) { var code = e.which; switch (code) { case 39: if ($curr <= $ele.size()) { $.scrollTo($ele[$curr], 800 ); - $curr++ + $curr++; } break; case 37: if ($curr > 0) { - $curr-- - var $now = $curr - $now-- + $curr--; + var $now = $curr; + $now--; $.scrollTo($ele[$now], 800 ); } break; diff --git a/site/media/js/photos.min.js b/site/media/js/photos.min.js index b99b0e2..92afa82 100644 --- a/site/media/js/photos.min.js +++ b/site/media/js/photos.min.js @@ -1,15 +1,9 @@ -function mapit(latlontitle){lat=parseFloat(latlontitle.split(',')[0]);lon=parseFloat(latlontitle.split(',')[1]);elid=latlontitle.split(',')[2];centerCoord=new google.maps.LatLng(lat,lon);var mapitinit;if(mapitinit==true){mapPanTo();}else{mapInit();} -function mapInit(){var mapOptions={zoom:8,center:centerCoord,disableDefaultUI:true,navigationControl:true,mapTypeId:google.maps.MapTypeId.TERRAIN,navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}};map=new google.maps.Map(document.getElementById("mw-"+elid),mapOptions);var marker=new google.maps.Marker({position:centerCoord,map:map});mapitinit=true;} -function mapPanTo(){var marker=new google.maps.Marker({position:centerCoord,map:map});map.panTo(centerCoord);}} -function create_map(obj){imgid=obj.title.split(',')[2];$('<div class="map-container" id="mc-'+imgid+'">').insertBefore($(obj).parent().parent());$('#mc-'+imgid).append('<div class="map-wrapper" id="mw-'+imgid+'">');$('#mc-'+imgid).css({bottom:function(index,value){return parseFloat($(obj).parent().parent().height())+20;}});mapit(obj.title);} + +function mapit(obj){lat=parseFloat(obj.attr('data-latitude'));lon=parseFloat(obj.attr('data-longitude'));elid=obj.attr('data-imgid');map=L.map(document.getElementById("mw-"+elid));centerCoord=new L.LatLng(lat,lon);zoom=8;L.tileLayer.provider('Esri.WorldTopoMap',{maxZoom:18,attribution:'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Tiles © Esri and the GIS User Community'}).addTo(map);map.setView(centerCoord,zoom);L.marker([lat,lon]).addTo(map);} +function create_map(obj){var imgid=obj.attr('data-imgid'); $('<div class="map-container" id="mc-'+imgid+'">').insertBefore($(obj).parent().parent());$('#mc-'+imgid).append('<div class="map-wrapper" id="mw-'+imgid+'">'); $('#mc-'+imgid).css({bottom:function(index,value){return parseFloat($(obj).parent().parent().height())+20;}});mapit(obj);} function remove_map(imgid){$('#mc-'+imgid).remove();} -$(document).ready(function(){$('.map-link').click(function(){imgid=this.title.split(',')[2];if($('#mc-'+imgid).is(":visible")){remove_map(imgid);}else{create_map(this);} -return false;});var $ele=$('#slides').children() -var $curr=0 -$(document).bind('keydown',function(e){var code=e.which;switch(code){case 39:if($curr<=$ele.size()){$.scrollTo($ele[$curr],800);$curr++} -break;case 37:if($curr>0){$curr-- -var $now=$curr -$now-- -$.scrollTo($ele[$now],800);} +$(document).ready(function(){ $('.map-link').click(function(){imgid=$(this).attr('data-imgid');if($('#mc-'+imgid).is(":visible")){remove_map(imgid);}else{create_map($(this));} +return false;});var $ele=$('#slides').children();var $curr=0;$(document).bind('keydown',function(e){var code=e.which;switch(code){case 39:if($curr<=$ele.size()){$.scrollTo($ele[$curr],800);$curr++;} +break;case 37:if($curr>0){$curr--;var $now=$curr;$now--;$.scrollTo($ele[$now],800);} break;} return;});});
\ No newline at end of file |