Mercurial > hgrepos > hgweb.cgi > skipweb
view konjyaku/test-multi.js @ 3927:ec35bc98989a
mkdir konjyaku
author | taka <c117164@e.koeki-u.ac.jp> |
---|---|
date | Thu, 29 Aug 2019 21:59:05 +0900 |
parents | |
children |
line wrap: on
line source
<!DOCTYPE html> <html prefix="og: http://ogp.me/ns#"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>matsugaoka/web/map/test.yuuji/test-multi.js at master - KoekiBrandingPJ/matsugaoka</title> <meta property="og:title" content="matsugaoka/web/map/test.yuuji/test-multi.js at master - KoekiBrandingPJ/matsugaoka" /> <meta property="og:type" content="object" /> <meta property="og:url" content="http://localhost:8880/KoekiBrandingPJ/matsugaoka/blob/master/web/map/test.yuuji/test-multi.js" /> <meta property="og:image" content="https://www.yatex.org/gitbucket/KoekiBrandingPJ/_avatar" /> <meta property="og:description" content="Matsugaoka Mixed Media Mapping System" /> <link rel="icon" href="https://www.yatex.org/gitbucket/assets/common/images/gitbucket.png?20190721113240" type="image/vnd.microsoft.icon" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://www.yatex.org/gitbucket/assets/vendors/google-fonts/css/source-sans-pro.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/bootstrap-3.3.7/css/bootstrap.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/octicons-4.4.0/octicons.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/bootstrap-datetimepicker-4.17.44/css/bootstrap-datetimepicker.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/colorpicker/css/bootstrap-colorpicker.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/google-code-prettify/prettify.css?20190721113240" type="text/css" rel="stylesheet"/> <link href="https://www.yatex.org/gitbucket/assets/vendors/facebox/facebox.css?20190721113240" rel="stylesheet"/> <link href="https://www.yatex.org/gitbucket/assets/vendors/AdminLTE-2.4.2/css/AdminLTE.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/AdminLTE-2.4.2/css/skins/skin-green-light.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/font-awesome-4.7.0/css/font-awesome.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/jquery-ui/jquery-ui.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/jquery-ui/jquery-ui.structure.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/vendors/jquery-ui/jquery-ui.theme.min.css?20190721113240" rel="stylesheet"> <link href="https://www.yatex.org/gitbucket/assets/common/css/gitbucket.css?20190721113240" rel="stylesheet"> <script src="https://www.yatex.org/gitbucket/assets/vendors/jquery/jquery-3.2.1.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/jquery-ui/jquery-ui.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/dropzone/dropzone.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/common/js/validation.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/common/js/gitbucket.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/bootstrap-3.3.7/js/bootstrap.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/bootstrap3-typeahead/bootstrap3-typeahead.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/bootstrap-datetimepicker-4.17.44/js/moment.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/bootstrap-datetimepicker-4.17.44/js/bootstrap-datetimepicker.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/colorpicker/js/bootstrap-colorpicker.min.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/google-code-prettify/prettify.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/elastic/jquery.elastic.source.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/facebox/facebox.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/jquery-hotkeys/jquery.hotkeys.js?20190721113240"></script> <script src="https://www.yatex.org/gitbucket/assets/vendors/jquery-textcomplete-1.8.4/jquery.textcomplete.min.js?20190721113240"></script> <meta name="go-import" content="www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka git https://www.yatex.org/gitbucket/git/KoekiBrandingPJ/matsugaoka.git" /> <script src="https://www.yatex.org/gitbucket/assets/vendors/AdminLTE-2.4.2/js/adminlte.min.js?20190721113240" type="text/javascript"></script> </head> <body class="skin-green-light page-load sidebar-mini "> <div class="wrapper"> <header class="main-header"> <a href="https://www.yatex.org/gitbucket/" class="logo"> <span class="logo-mini"><img src="https://www.yatex.org/gitbucket/assets/common/images/gitbucket.svg?20190721113240" alt="GitBucket" /></span> <span class="logo-lg"> <img src="https://www.yatex.org/gitbucket/assets/common/images/gitbucket.svg?20190721113240" alt="GitBucket" /> <span class="header-title strong">GitBucket</span> </span> </a> <nav class="navbar navbar-static-top" role="navigation"> <!-- Sidebar toggle button--> <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> <span class="sr-only">Toggle navigation</span> </a> <form id="search" action="https://www.yatex.org/gitbucket/search" method="GET" class="pc navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" name="query" id="navbar-search-input" class="form-control" placeholder="Search repository"/> </div> </form> <ul class="pc nav navbar-nav"> <li><a href="https://www.yatex.org/gitbucket/dashboard/pulls">Pull requests</a></li> <li><a href="https://www.yatex.org/gitbucket/dashboard/issues">Issues</a></li> <li><a href="https://www.yatex.org/gitbucket/gist">Snippets</a></li> </ul> <div class="navbar-custom-menu"> <ul class="nav navbar-nav"> <li class="dropdown notifications-menu"> <a class="dropdown-toggle menu" data-toggle="dropdown" href="#"> <i class="octicon octicon-plus" style="color: black;"></i><span class="caret" style="color: black; vertical-align: middle;"></span> </a> <ul class="dropdown-menu pull-right" style="width: auto;"> <li> <ul class="menu"> <li><a href="https://www.yatex.org/gitbucket/new">New repository</a></li> <li><a href="https://www.yatex.org/gitbucket/groups/new">New group</a></li> </ul> </li> </ul> </li> <li class="dropdown notifications-menu"> <a class="dropdown-toggle menu" data-toggle="dropdown" href="#" data-toggle="tooltip" data-placement="bottom" title="Signed is as taka"> <img src="https://www.yatex.org/gitbucket/taka/_avatar?20190810100456" class="avatar-mini" style="width: 16px; height: 16px;" /><span class="caret" style="color: black; vertical-align: middle;"></span> </a> <ul class="dropdown-menu pull-right" style="width: auto;"> <li> <ul class="menu"> <li><a href="https://www.yatex.org/gitbucket/taka">Your profile</a></li> <li><a href="https://www.yatex.org/gitbucket/taka/_edit">Account settings</a></li> <li><a href="https://www.yatex.org/gitbucket/signout">Sign out</a></li> </ul> </li> </ul> </li> </ul> </div> </nav> </header> <div class="main-sidebar"> <div class="sidebar"> <ul class="sidebar-menu"> <li class = "menu-item-hover active"> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka"> <i class="menu-icon octicon octicon-code"></i> <span>Files</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/branches"> <i class="menu-icon octicon octicon-git-branch"></i> <span>Branches</span> <span class="pull-right-container"><span class="label label-primary pull-right">1</span></span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/releases"> <i class="menu-icon octicon octicon-tag"></i> <span>Releases</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/issues"> <i class="menu-icon octicon octicon-issue-opened"></i> <span>Issues</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/pulls"> <i class="menu-icon octicon octicon-git-pull-request"></i> <span>Pull requests</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/issues/labels"> <i class="menu-icon octicon octicon-tag"></i> <span>Labels</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/issues/priorities"> <i class="menu-icon octicon octicon-flame"></i> <span>Priorities</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/issues/milestones"> <i class="menu-icon octicon octicon-milestone"></i> <span>Milestones</span> </a> </li> <li class = "menu-item-hover "> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/wiki"> <i class="menu-icon octicon octicon-book"></i> <span>Wiki</span> </a> </li> </ul> </div> </div> <div class="content-wrapper"> <div class="content body clearfix"> <div class="headbar"> <div class="container"> <div class="head"> <div class="pull-right"> <div class="btn-group" > <button id = "test" class="dropdown-toggle btn btn-default btn-sm" data-toggle="dropdown"> <span class="strong" > Not watching </span> <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li> <a href="#" class="watch" data-id="watching"> <i class="octicon"></i> <span class="notification-label strong">Watching</span> <div class="muted small">Notify all conversations.</div> </a> </li> <li> <a href="#" class="watch" data-id="not_watching"> <i class="octicon octicon-check"></i> <span class="notification-label strong">Not watching</span> <div class="muted small">Notify when participating.</div> </a> </li> <li> <a href="#" class="watch" data-id="ignoring"> <i class="octicon"></i> <span class="notification-label strong">Ignoring</span> <div class="muted small">Never notify.</div> </a> </li> </ul> </div> <script> $(function(){ $('a.watch').click(function(){ var selected = $(this); var notification = selected.data('id'); $.post('https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/watch', { notification : notification }, function(){ $('a.watch i.octicon-check').removeClass('octicon-check'); $('a.watch[data-id=' + notification + '] i').addClass('octicon-check'); // Update button label var label = selected.find('span.notification-label').text().trim(); selected.parents('div.btn-group').find('button>span.strong').text(label); } ); return false; }); }); </script> <a class="btn btn-default btn-sm" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/fork" rel="facebox"> <span class="strong"><i class="octicon octicon-repo-forked"></i>Fork</span><span class="muted">: 0</span> </a> <form id="fork-form" method="post" action="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/fork" style="display: none;"> <input type="hidden" name="account" value="taka"/> </form> </div> <i class="mega-octicon octicon-repo"></i> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ">KoekiBrandingPJ</a> / <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka" class="strong">matsugaoka</a> </div> </div> </div> <style> .prettyprint { tab-size: 8 } </style> <div class="head"> <div class="pull-right hide-if-blame"><div class="btn-group"> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/blob/4911f77d678e9633a99ce468507c223c32ff986c/web/map/test.yuuji/test-multi.js" data-hotkey="y" style="display: none;">Transfer to URL with SHA</a> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/find/master" class="btn btn-sm btn-default" data-hotkey="t">Find file</a> </div></div> <div class="line-age-legend"> <span>Newer</span> <ol> <li class="heat1"></li> <li class="heat2"></li> <li class="heat3"></li> <li class="heat4"></li> <li class="heat5"></li> <li class="heat6"></li> <li class="heat7"></li> <li class="heat8"></li> <li class="heat9"></li> <li class="heat10"></li> </ol> <span>Older</span> </div> <div id="branchCtrlWrapper" style="display:inline;"> <div class="btn-group" > <button id = "test" class="dropdown-toggle btn btn-default btn-sm" data-toggle="dropdown"> <span class="muted">branch:</span> <span class="strong" style="display:inline-block; vertical-align:bottom; overflow-x:hidden; max-width:200px; text-overflow:ellipsis"> master </span> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><div id="branch-control-title">Switch branches<button id="branch-control-close" class="pull-right">×</button></div></li> <li><input id="branch-control-input" type="text" class="form-control input-sm dropdown-filter-input" placeholder="Find or create branch ..."/></li> <li><a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/blob/master/web/map/test.yuuji/test-multi.js"> <i class="octicon octicon-check"></i> master</a></li> </ul> </div> <script> $(function(){ $('#branch-control-input').parent().click(function(e) { e.stopPropagation(); }); $('#branch-control-close').click(function() { $('[data-toggle="dropdown"]').parent().removeClass('open'); }); $('#branch-control-input').keyup(function() { var inputVal = $('#branch-control-input').val(); $.each($('#branch-control-input').parent().parent().find('a'), function(index, elem) { if (!inputVal || !elem.text.trim() || elem.text.trim().toLowerCase().indexOf(inputVal.toLowerCase()) >= 0) { $(elem).parent().show(); } else { $(elem).parent().hide(); } }); }); $('.btn-group').click(function() { $('#branch-control-input').val(''); $('.dropdown-menu li').show(); $('#create-branch').hide(); }); }); </script> </div> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/tree/master">matsugaoka</a> / <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/tree/master/web">web</a> / <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/tree/master/web/map">map</a> / <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/tree/master/web/map/test.yuuji">test.yuuji</a> / test-multi.js </div> <div class="box-header" style="line-height: 28px;"> <img src="https://www.yatex.org/gitbucket/_unknown/_avatar" class="avatar-mini" style="width: 20px; height: 20px;" /> HIROSE Yuuji <span class="muted"><span data-toggle="tooltip" title="2019-08-20 07:51:32"> 9 days ago </span> </span> <span class="label label-default">6 KB</span> <a href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/commit/4911f77d678e9633a99ce468507c223c32ff986c" class="commit-message">dual-map fixed</a> <div class="btn-group pull-right"> <a class="btn btn-sm btn-default" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/raw/4911f77d678e9633a99ce468507c223c32ff986c/web/map/test.yuuji/test-multi.js">Raw</a> <a class="btn btn-sm btn-default blame-action" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/blame/4911f77d678e9633a99ce468507c223c32ff986c/web/map/test.yuuji/test-multi.js" data-url="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/get-blame/4911f77d678e9633a99ce468507c223c32ff986c/web/map/test.yuuji/test-multi.js" data-repository="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka">Blame</a> <a class="btn btn-sm btn-default" href="https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/commits/master/web/map/test.yuuji/test-multi.js">History</a> </div> </div> <div class="box-content-bottom"> <pre class="prettyprint linenums blob no-renderable ">(function myself() { var maps = []; var bases = []; function syncOn() { for (var m of maps) m.on('moveend', samerange); } function syncOff() { for (var m of maps) m.off('moveend', samerange); } function samerange(me) { var map = me.target, tmap; tmap = (map == map1 ? map2 : map1); try { syncOff(); for (var m of maps) { if (map != m) { m.setZoom(map.getZoom()); // setZoom() First!! m.fitBounds(map.getBounds()); } } } finally { syncOn(); } } // Function for uMap-Style markdown conversion function wikiRepl(s) { // uMap風マークダウン変換 return s.replace(/{{(.*)\|([0-9][0-9]*)}}/g, '<img class="popup" src="$1" width="$2">'). replace(/{{(.*)}}/g, '<img class="popup" src="$1">'). replace(/\[\[(.*)\|(.*)\]\]/g, '<a href="$1">$2</a>'). replace(/\[\[(.*)\]\]/g, '<a href="$1">$1</a>'). replace(/^### (.*)/, '<h4>$1</h4>'). replace(/^## (.*)/, '<h3>$1</h4>'). replace(/^# (.*)/, '<h2>$1</h4>'); } var lastPopup; function syncPopup(ev) { var t = ev.target; if (!t.getLatLng) { // When CLOSING try { for (var m of maps) m.off('popupclose', syncPopup); lastPopup.closePopup(); } finally { for (var m of maps) m.on('popupclose', syncPopup); } return; } let latlng = t.getLatLng(), ll = [latlng.lng, latlng.lat]; var popups = markerConstruction[ll]; if (!popups) return; try { for (let p of popups) { p.off('popupopen', syncPopup); } for (let p of popups) { if (p != ev.target) if (ev.type=="popupopen") lastPopup=p.openPopup(); else p.closePopup(); } } finally { for (let p of popups) { p.on('popupopen', syncPopup); } } } var markerCollection = {}; function markerConstruction(feature, layer) { let p = feature.properties, // "properties" in GeoJSON format g = feature.geometry; if (p) { let name = p.name, desc = p.description; let popup = "<h3>" + name + "</h3>" + wikiRepl(desc||""); layer.bindPopup(popup); layer.on('popupopen', syncPopup); } if (g && g.type == "Point" && g.coordinates) { let co = g.coordinates; markerConstruction[co] || (markerConstruction[co]=[]) markerConstruction[co].push(layer) // console.log(co); } } function newGejsonLayer() { return L.geoJson(null, { // Layer for omnivore onEachFeature: markerConstruction}); } function init() { var m, n; for (let i=1; n = "map"+i, m=document.getElementById(n); i++) { maps.push(L.map(n).setView([38.891, 139.824], 13)); } function genBaseLayers() { let bk='AjtFpRWR9qZlBZvZtFapZdeSeMm-rFV5EbHyvfBOEOtkdCHXUzSL5J9LxZYtrrcH', bprop = {bingMapsKey: bk, maxZoom: 20, maxNativeZoom: 18, culture: 'ja'}; var basemaps = { 'OpenStreetMap': {url: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors', maxZoom: 20, maxNativeZoom: 18}, '国土地理院(標準)': {url: 'https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', attribution: '&copy; <a href="https://maps.gsi.go.jp/development/ichiran.html">国土地理院</a>', maxZoom: 20, maxNativeZoom: 18}, '空中写真(国土地理院2007年-)': {url: 'https://cyberjapandata.gsi.go.jp/xyz/ort/{z}/{x}/{y}.jpg', attribution: '&copy; <a href="https://maps.gsi.go.jp/development/ichiran.html">国土地理院</a>', maxZoom: 20, maxNativeZoom: 18}, '簡易空中写真(国土地理院1974-1978年)': {url: 'https://cyberjapandata.gsi.go.jp/xyz/gazo1/{z}/{x}/{y}.jpg', attribution: '&copy; <a href="https://maps.gsi.go.jp/development/ichiran.html">国土地理院</a>', maxZoom: 20, maxNativeZoom: 17}, '空中写真(国土地理院1988-1990年)': {url: 'https://cyberjapandata.gsi.go.jp/xyz/gazo4/{z}/{x}/{y}.jpg', attribution: '&copy; <a href="https://maps.gsi.go.jp/development/ichiran.html">国土地理院</a>', maxZoom: 20, maxNativeZoom: 17}, 'OSM HikiBikeMap': {url: 'https://toolserver.org/tiles/hikebike/{z}/{x}/{y}.png', attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors', maxZoom: 20, maxNativeZoom: 18}, '空中写真(国土地理院1961-1969年)': {url: 'https://cyberjapandata.gsi.go.jp/xyz/ort_old10/{z}/{x}/{y}.png', attribution: '&copy; <a href="https://maps.gsi.go.jp/development/ichiran.html">国土地理院</a>', maxZoom: 20, maxNativeZoom: 17}, 'OSM HikiBikeMap': {url: 'https://toolserver.org/tiles/hikebike/{z}/{x}/{y}.png', attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors', maxZoom: 20, maxNativeZoom: 18}, 'BingMaps Road': {provider: 'bing', attr: Object.assign({}, bprop, {imagerySet: 'Road'})}, 'BingMaps 航空写真': {provider: 'bing', attr: Object.assign({}, bprop, {imagerySet: 'Aerial'})}, 'BingMaps 写真+ラベル': {provider: 'bing', attr: Object.assign({}, bprop, {imagerySet: 'AerialWithLabels'})}, 'BingMaps 明': {provider: 'bing', attr: Object.assign({}, bprop, {imagerySet: 'RoadOnDemand'})}, }; var layers = {}; for (let i in basemaps) { if (basemaps[i].provider == 'bing') { layers[i] = L.tileLayer.bing(basemaps[i].attr); } else layers[i] = L.tileLayer(basemaps[i].url, basemaps[i]); } return layers; } var gj1 = omnivore.geojson("test-s1.geojson", null, newGejsonLayer()); var gj2 = omnivore.geojson("test-s2.geojson", null, newGejsonLayer()); var ovls = [{"今昔": gj1}, {"今昔": gj2}]; //alert(Object.keys(Object.create(baseLayer))); for (let i=0; i<maps.length; i++) { let p = {"selectedBaseLayerIndex": i}; let bl = genBaseLayers(); L.control.layers(bl, ovls[i], p).addTo(maps[i]); bl[Object.keys(bl)[i]].addTo(maps[i]); L.control.scale({ maxWidth: 200, imperial: false }).addTo(maps[i]); } gj1.addTo(maps[0]); gj2.addTo(maps[1]); syncOn(); for (m of maps) m.on('popupclose', syncPopup); } window.onload = init; })(); </pre> </div> </div> </div> <script> $(function(){ $('a[rel*=facebox]').facebox({ 'loadingImage': 'https://www.yatex.org/gitbucket/assets/vendors/facebox/loading.gif?20190721113240', 'closeImage': 'https://www.yatex.org/gitbucket/assets/vendors/facebox/closelabel.png?20190721113240' }); $(document).on("click", ".js-fork-owner-select-target", function() { var account = $(this).text().replace("@", ""); $("#account").val(account); $("#fork").submit(); }); }); </script> </div> <script> $(function(){ $(".sidebar-toggle").on('click', function(e){ $.post('https://www.yatex.org/gitbucket/sidebar-collapse', { collapse: !$('body').hasClass('sidebar-collapse') }); }); }); </script> </body> </html> <script> $(window).on('load', function(){ updateHighlighting(); window.onhashchange = function(){ updateHighlighting(); } var pre = $('pre.prettyprint'); function updateSourceLineNum(){ $('.source-line-num').remove(); var pos = pre.find('ol.linenums').position(); if(pos){ $('<div class="source-line-num">').css({ height : pre.height(), width : '48px', cursor : 'pointer', position: 'absolute', top : pos.top + 'px', left : pos.left + 'px' }).click(function(e){ var pos = $(this).data("pos"); if(!pos){ pos = $('ol.linenums li').map(function(){ return { id: $(this).attr("id"), top: $(this).position().top} }).toArray(); $(this).data("pos",pos); } for(var i = 0; i < pos.length-1; i++){ if(pos[i + 1].top > e.pageY){ break; } } var line = pos[i].id.replace(/^L/,''); var hash = location.hash; var commitUrl = 'https://www.yatex.org/gitbucket/KoekiBrandingPJ/matsugaoka/blob/4911f77d678e9633a99ce468507c223c32ff986c/web/map/test.yuuji/test-multi.js'; if(e.shiftKey == true && hash.match(/#L\d+(-L\d+)?/)){ var lines = hash.split('-'); window.history.pushState('', '', commitUrl + lines[0] + '-L' + line); } else { var p = $("#L"+line).attr('id',""); window.history.pushState('', '', commitUrl + '#L' + line); p.attr('id','L'+line); } $("#branchCtrlWrapper .btn .muted").text("tree:"); $("#branchCtrlWrapper .btn .strong").text("4911f77d67"); updateHighlighting(); }).appendTo(pre); } } var repository = $('.blame-action').data('repository'); $('.blame-action').click(function(e){ if(history.pushState && $('pre.prettyprint.no-renderable').length){ e.preventDefault(); history.pushState(null, null, this.href); updateBlame(); } }); function updateBlame(){ var m = /\/(blame|blob)(\/.*)$/.exec(location.href); var mode = m[1]; $('.blame-action').toggleClass("active", mode=='blame').attr('href', repository + (m[1] == 'blame' ? '/blob' : '/blame') + m[2]); if(pre.parents("div.box-content-bottom").find(".blame").length){ pre.parent().toggleClass("blame-container", mode == 'blame'); updateSourceLineNum(); return; } if(mode=='blob'){ updateSourceLineNum(); return; } $(document.body).toggleClass('no-box-shadow', document.body.style.boxShadow === undefined); $('.blame-action').addClass("active"); var base = $('<div class="blame">').css({height: pre.height()}).prependTo(pre.parents("div.box-content-bottom")); base.parent().addClass("blame-container"); updateSourceLineNum(); $.get($('.blame-action').data('url')).done(function(data){ var blame = data.blame; var index = []; for(var i = 0; i < blame.length; i++){ for(var j = 0; j < blame[i].lines.length; j++){ index[blame[i].lines[j]] = blame[i]; } } var blame, lastDiv, now = new Date().getTime(); $('pre.prettyprint ol.linenums li').each(function(i, e){ var p = $(e).position(); var h = $(e).height(); if(blame == index[i]){ lastDiv.css("min-height",(p.top + h + 1) - lastDiv.position().top); } else { $(e).addClass('blame-sep') blame = index[i]; var sha = $('<div class="blame-sha">') .append($('<a>').attr("href", data.root + '/commit/' + blame.id).text(blame.id.substr(0,7))); if(blame.prev){ sha.append($('<br />')) .append($('<a class="muted-link">').text('prev').attr("href", data.root + '/blame/' + blame.prev + '/' + (blame.prevPath || data.path))); } lastDiv = $('<div class="blame-info">') .addClass('heat' + Math.min(10, Math.max(1, Math.ceil((now - blame.commited) / (24 * 3600 * 1000 * 70))))) .toggleClass('blame-last', blame.id == data.last) .data('line', (i + 1)) .css({ "top" : p.top + 'px', "min-height" : h + 'px' }) .append(sha) .append($(blame.avatar).addClass('avatar').css({"float": "left"})) .append($('<div class="blame-commit-title">').text(blame.message)) .append($('<div class="muted">').html(blame.author + " authed " + blame.authed)) .appendTo(base); } }); }); return false; }; $(document).on('expanded.pushMenu collapsed.pushMenu', function(e){ setTimeout(updateBlame, 300); }); updateBlame(); }); var scrolling = false; /** * Hightlight lines which are specified by URL hash. */ function updateHighlighting(){ var hash = location.hash; if(hash.match(/#L\d+(-L\d+)?/)){ $('li.highlight').removeClass('highlight'); var lines = hash.substr(1).split('-'); if(lines.length == 1){ $('#' + lines[0]).addClass('highlight'); if(!scrolling){ $(window).scrollTop($('#' + lines[0]).offset().top - 40); } } else if(lines.length > 1){ var start = parseInt(lines[0].substr(1)); var end = parseInt(lines[1].substr(1)); for(var i = start; i <= end; i++){ $('#L' + i).addClass('highlight'); } if(!scrolling){ $(window).scrollTop($('#L' + start).offset().top - 40); } } scrolling = true; } } </script>