// JavaScript Document
// PHPに変換して掲載
// このJavaScriptはアップしない !!

// 地理院タイル出典の共通の表示
var mbAttr = "<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>地理院タイル</a>";
//地理院地図
GSISTD = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {attribution: mbAttr});
//地理院写真
GSIPHOTO = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/seamlessphoto/{z}/{x}/{y}.jpg', {attribution: mbAttr});
//地理院写真（1945年～1950年）
GSIort_USA10 = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/ort_USA10/{z}/{x}/{y}.png', {attribution: mbAttr});
//地理院淡色地図
GSIPALE = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/pale/{z}/{x}/{y}.png', {attribution: mbAttr});
//地理院色別標高図
GSIrelief = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/relief/{z}/{x}/{y}.png', {maxNativeZoom: 15, attribution: mbAttr });
//地理院陰影起伏図
GSIshade = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/hillshademap/{z}/{x}/{y}.png', {maxNativeZoom: 16, attribution: mbAttr });
//地理院白地図
GSIBLANK = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/blank/{z}/{x}/{y}.png',{minZoom: 5,maxZoom: 14, attribution: mbAttr });
//地理院アナグリフ
GSIanaglyph = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/anaglyphmap_color/{z}/{x}/{y}.png',{minZoom: 5,maxZoom: 14, attribution: mbAttr });
//地理院傾斜量図
GSIslopemap = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/slopemap/{z}/{x}/{y}.png',{minZoom: 5,maxZoom: 14, attribution: mbAttr });
//地理院英語
GSIenglish = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/english/{z}/{x}/{y}.png',{minZoom: 5,maxZoom: 14, attribution: mbAttr });
//地理院地図 - overlay
GSISTD_overlay = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {opacity: 0.2, maxNativeZoom: 15, attribution: mbAttr });
//地理院色別標高図 - overlay
GSIrelief_overlay = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/relief/{z}/{x}/{y}.png', {opacity: 0.2, maxNativeZoom: 15, attribution: mbAttr });
//地理院陰影起伏図 - overlay
GSIshade_overlay = L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/hillshademap/{z}/{x}/{y}.png', {opacity: 0.3, maxNativeZoom: 16, attribution: mbAttr });
//OpenStreetMap
OSM = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {attribution: '&copy; <a href="https://www.openstreetmap.org/copyright" target="_blank" >OpenStreetMap</a> contributors'});
//Esri 道路地図
esri_worldStreet = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}', {
attribution: 'Tiles &copy; Esri &mdash; Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'});
//Esri 衛星画像
esri_worldimagery = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {attribution: 'Tiles &copy; Esri &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'});
//Esri 衛星画像 - overlay
esri_worldimagery_overlay = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {opacity: 0.6,attribution: 'Tiles &copy; Esri &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'});
//Esri 地形図
esri_worldtopo = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', {attribution: 'Tiles &copy; Esri &mdash; 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'});
//google_maps
var google_maps = L.tileLayer('https://mt1.google.com/vt/lyrs=r&x={x}&y={y}&z={z}', {attribution: "<a href='https://developers.google.com/maps/documentation' target='_blank'>Google Map</a>"});
//デフォルトの設定 - 地図中心点・ズーム値・レイヤーデフォルト表示
var map = L.map('map', {center: [37.474858,137.636719], zoom: 5, layers: [esri_worldStreet]});
//住所検索枠を表示
var osmGeocoder = new L.Control.OSMGeocoder({ position: "topright", placeholder: '住所・キーワード入力',text: '検索'});
map.addControl(osmGeocoder);
//中心点センターマーカー・十字マーカー・別画像を表示
var centercrossIcon = L.icon({
iconUrl: '/benri_img/center.gif',
iconRetinaUrl: '/benri_img/center.gif',
iconSize: [32, 32], // アイコンサイズ
iconAnchor: [16, 16] // 画像の位置。左上が 0,0
});
var crosshair = new L.marker(map.getCenter(), {icon: centercrossIcon, clickable:false}); // clickable:falseをいれないと十字画像の下のアイコンが触れない
map.on('move', function(e) {
crosshair.setLatLng(map.getCenter());
});
// 雨雲レーダー
L.YimgTileLayer = L.TileLayer.extend({ //雨雲画像オーバーレイ
getTileUrl: function (coords) {
//雨雲リクエスト日付の作成
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
var day = now.getDate();
var hours = now.getHours();
var minutes = now.getMinutes();
if (month < 10) month = '0' + month;
if (day < 10) day = '0' + day;
if (hours < 10) hours = '0' + hours;
minutes *= 0.1;
minutes = Math.floor(minutes);
minutes *= 10;
if (minutes < 10) minutes = '0' + minutes;
date = "" + year + month + day + hours + minutes;
return L.Util.template(this._url, L.extend({
d: date,
x: coords.x,
y: Math.pow(2, this._getZoomForUrl() - 1) - 1 - coords.y,
z: this._getZoomForUrl() + 1
}, this.options));
}
});
// 雨雲画像
var rainmap = new L.YimgTileLayer('http://weather.map.c.yimg.jp/weather?x={x}&y={y}&z={z}&size=256&date={d}', {
attribution: 'Rain map',
maxZoom: 18,
opacity: 0.6
}); // 雨雲画像をクリックで表示
//}).addTo(map); // 雨雲画像をデフォルトで表示
var baseMaps = {
"OpenStreetMap": OSM,
"地理院地図": GSISTD,
"地理院写真": GSIPHOTO,
//" ┗ 1945年～1950年": GSIort_USA10,
"地理院淡色地図": GSIPALE,
"地理院色別標高図": GSIrelief,
"地理院陰影起伏図": GSIshade,
"地理院傾斜量図": GSIslopemap,
"地理院白地図": GSIBLANK,
"地理院アナグリフ": GSIanaglyph,
"地理院 English": GSIenglish,
"Esri 道路地図": esri_worldStreet,
"Esri 衛星画像": esri_worldimagery,
"Esri 地形図": esri_worldtopo,
"Google マップ": google_maps
};
var overlay = {
"センターマーカー": crosshair,
//"雨雲情報": rainmap,
"地理院地図": GSISTD_overlay,
"地理院色別標高図": GSIrelief_overlay,
"地理院陰影起伏図": GSIshade_overlay,
"Esri 衛星画像": esri_worldimagery_overlay
};
L.control.layers(baseMaps, overlay).addTo(map);
//スケールを左下にも追加
L.control.scale().addTo(map);
//デザイン化されたスケールを右下に表示
L.control.graphicScale({fill:'fill', position: 'bottomright' }).addTo(map);
//ミニマップを表示
var osm2 = new L.TileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {minZoom: 0, maxZoom: 15, attribution: 'Map data &copy; OpenStreetMap contributors' });
var miniMap = new L.Control.MiniMap(osm2, { toggleDisplay: true, position: 'bottomleft' }).addTo(map);
//現在地を取得
var locate = L.control.locate({flyTo:true,strings: {title: "クリックすると現在地を取得します"}
}).addTo(map);
//フルスクリーンコントロール
var fsControl = L.control.fullscreen();
map.addControl(fsControl);
map.on('enterFullscreen', function(){
if(window.console) window.console.log('enterFullscreen');
});
map.on('exitFullscreen', function(){
if(window.console) window.console.log('exitFullscreen');
});
//マーカー情報保持
var markers=[];
//ポップアップを開く関数
function popupOn(id){
markers[id].openPopup();
}

// 表示するポイント・内容
// 「markers[0]」は、連番でなくてはならない !!
var Icon01= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[0]=L.marker([35.265804,136.104126],{icon:Icon01}).addTo(map)
.bindTooltip("琵琶湖（滋賀県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第1位</div><div class=''>琵琶湖（滋賀県）</div><div class='ml5'>びわこ</div><div class='mt5 ml15'>成因：断層</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：669.2km²</div><div class='ml15'>最大水深：103.8m</div><div class='ml15'>標高：85m</div></div>");
map.addLayer(markers[0]);
function flyto_0() { //目次と連動
map.flyTo(new L.LatLng(35.265804,136.104126),10);  //マーカーの座標と連動
}
var Icon02= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[1]=L.marker([36.03855,140.403557],{icon:Icon02}).addTo(map)
.bindTooltip("霞ヶ浦（茨城県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第2位</div><div class=''>霞ヶ浦（茨城県）</div><div class='ml5'>かすみがうら</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：168.2km²</div><div class='ml15'>最大水深：11.9m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[1]);
function flyto_1() { //目次と連動
map.flyTo(new L.LatLng(36.03855,140.403557),10);  //マーカーの座標と連動
}
var Icon03= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[2]=L.marker([44.137377,143.797989],{icon:Icon03}).addTo(map)
.bindTooltip("サロマ湖（北海道・オホーツク）").bindPopup("<div class='moji16 bold'><div class=''>面積 第3位</div><div class=''>サロマ湖（北海道・オホーツク）</div><div class='ml5'>さろまこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：151.6km²</div><div class='ml15'>最大水深：19.6m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[2]);
function flyto_2() { //目次と連動
map.flyTo(new L.LatLng(44.137377,143.797989),10);  //マーカーの座標と連動
}
var Icon04= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[3]=L.marker([37.47731,140.09388],{icon:Icon04}).addTo(map)
.bindTooltip("猪苗代湖（福島県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第4位</div><div class=''>猪苗代湖（福島県）</div><div class='ml5'>いなわしろこ</div><div class='mt5 ml15'>成因：断層</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：103.2km²</div><div class='ml15'>最大水深：93.5m</div><div class='ml15'>標高：514m</div></div>");
map.addLayer(markers[3]);
function flyto_3() { //目次と連動
map.flyTo(new L.LatLng(37.47731,140.09388),10);  //マーカーの座標と連動
}
var Icon05= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[4]=L.marker([35.472973,133.192749],{icon:Icon05}).addTo(map)
.bindTooltip("中海（鳥取県、島根県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第5位</div><div class=''>中海（鳥取県、島根県）</div><div class='ml5'>なかうみ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：85.7km²</div><div class='ml15'>最大水深：17.1m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[4]);
function flyto_4() { //目次と連動
map.flyTo(new L.LatLng(35.472973,133.192749),10);  //マーカーの座標と連動
}
var Icon06= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[5]=L.marker([43.621538,144.318638],{icon:Icon06}).addTo(map)
.bindTooltip("屈斜路湖（北海道・釧路）").bindPopup("<div class='moji16 bold'><div class=''>面積 第6位</div><div class=''>屈斜路湖（北海道・釧路）</div><div class='ml5'>くっしゃろこ</div><div class='mt5 ml15'>成因：カルデラ</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：79.5km²</div><div class='ml15'>最大水深：117.5m</div><div class='ml15'>標高：121m</div></div>");
map.addLayer(markers[5]);
function flyto_5() { //目次と連動
map.flyTo(new L.LatLng(43.621538,144.318638),10);  //マーカーの座標と連動
}
var Icon07= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[6]=L.marker([35.447805,132.951736],{icon:Icon07}).addTo(map)
.bindTooltip("宍道湖（島根県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第7位</div><div class=''>宍道湖（島根県）</div><div class='ml5'>しんじこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：79.3km²</div><div class='ml15'>最大水深：6.0m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[6]);
function flyto_6() { //目次と連動
map.flyTo(new L.LatLng(35.447805,132.951736),10);  //マーカーの座標と連動
}
var Icon08= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[7]=L.marker([42.756844,141.319027],{icon:Icon08}).addTo(map)
.bindTooltip("支笏湖（北海道・石狩）").bindPopup("<div class='moji16 bold'><div class=''>面積 第8位</div><div class=''>支笏湖（北海道・石狩）</div><div class='ml5'>しこつこ</div><div class='mt5 ml15'>成因：カルデラ</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：78.5km²</div><div class='ml15'>最大水深：360.1m</div><div class='ml15'>標高：248m</div></div>");
map.addLayer(markers[7]);
function flyto_7() { //目次と連動
map.flyTo(new L.LatLng(42.756844,141.319027),10);  //マーカーの座標と連動
}
var Icon09= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[8]=L.marker([42.601367,140.856915],{icon:Icon09}).addTo(map)
.bindTooltip("洞爺湖（北海道・胆振）").bindPopup("<div class='moji16 bold'><div class=''>面積 第9位</div><div class=''>洞爺湖（北海道・胆振）</div><div class='ml5'>とうやこ</div><div class='mt5 ml15'>成因：カルデラ</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：70.7km²</div><div class='ml15'>最大水深：179.7m</div><div class='ml15'>標高：84m</div></div>");
map.addLayer(markers[8]);
function flyto_8() { //目次と連動
map.flyTo(new L.LatLng(42.601367,140.856915),10);  //マーカーの座標と連動
}
var Icon10= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[9]=L.marker([34.747819,137.573204],{icon:Icon10}).addTo(map)
.bindTooltip("浜名湖（静岡県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第10位</div><div class=''>浜名湖（静岡県）</div><div class='ml5'>はまなこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：64.9km²</div><div class='ml15'>最大水深：13.1m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[9]);
function flyto_9() { //目次と連動
map.flyTo(new L.LatLng(34.747819,137.573204),10);  //マーカーの座標と連動
}
var Icon11= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[10]=L.marker([40.785481,141.328468],{icon:Icon11}).addTo(map)
.bindTooltip("小川原湖（青森県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第11位</div><div class=''>小川原湖（青森県）</div><div class='ml5'>おがわらこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：62.1km²</div><div class='ml15'>最大水深：24.4m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[10]);
function flyto_10() { //目次と連動
map.flyTo(new L.LatLng(40.785481,141.328468),10);  //マーカーの座標と連動
}
var Icon12= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[11]=L.marker([40.465495,140.883179],{icon:Icon12}).addTo(map)
.bindTooltip("十和田湖（青森県、秋田県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第12位</div><div class=''>十和田湖（青森県、秋田県）</div><div class='ml5'>とわだこ</div><div class='mt5 ml15'>成因：カルデラ</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：61.1km²</div><div class='ml15'>最大水深：326.8m</div><div class='ml15'>標高：400m</div></div>");
map.addLayer(markers[11]);
function flyto_11() { //目次と連動
map.flyTo(new L.LatLng(40.465495,140.883179),10);  //マーカーの座標と連動
}
var Icon13= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[12]=L.marker([43.296199,145.335732],{icon:Icon13}).addTo(map)
.bindTooltip("風蓮湖（北海道・根室）").bindPopup("<div class='moji16 bold'><div class=''>面積 第13位</div><div class=''>風蓮湖（北海道・根室）</div><div class='ml5'>ふうれんこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：59.0km²</div><div class='ml15'>最大水深：13.0m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[12]);
function flyto_12() { //目次と連動
map.flyTo(new L.LatLng(43.296199,145.335732),10);  //マーカーの座標と連動
}
var Icon14= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[13]=L.marker([44.057986,144.146976],{icon:Icon14}).addTo(map)
.bindTooltip("能取湖（北海道・オホーツク）").bindPopup("<div class='moji16 bold'><div class=''>面積 第14位</div><div class=''>能取湖（北海道・オホーツク）</div><div class='ml5'>のとろこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：58.2km²</div><div class='ml15'>最大水深：23.1m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[13]);
function flyto_13() { //目次と連動
map.flyTo(new L.LatLng(44.057986,144.146976),10);  //マーカーの座標と連動
}
var Icon15= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[14]=L.marker([36.013005,140.570068],{icon:Icon15}).addTo(map)
.bindTooltip("北浦（茨城県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第15位</div><div class=''>北浦（茨城県）</div><div class='ml5'>きたうら</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：35.0km²</div><div class='ml15'>最大水深：7.8m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[14]);
function flyto_14() { //目次と連動
map.flyTo(new L.LatLng(36.013005,140.570068),10);  //マーカーの座標と連動
}
var Icon16= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[15]=L.marker([43.046813,144.894733],{icon:Icon16}).addTo(map)
.bindTooltip("厚岸湖（北海道・釧路）").bindPopup("<div class='moji16 bold'><div class=''>面積 第16位</div><div class=''>厚岸湖（北海道・釧路）</div><div class='ml5'>あっけしこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：32.2km²</div><div class='ml15'>最大水深：11.0m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[15]);
function flyto_15() { //目次と連動
map.flyTo(new L.LatLng(43.046813,144.894733),10);  //マーカーの座標と連動
}
var Icon17= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[16]=L.marker([43.963415,144.174614],{icon:Icon17}).addTo(map)
.bindTooltip("網走湖（北海道・オホーツク）").bindPopup("<div class='moji16 bold'><div class=''>面積 第17位</div><div class=''>網走湖（北海道・オホーツク）</div><div class='ml5'>あばしりこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：32.3km²</div><div class='ml15'>最大水深：16.1m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[16]);
function flyto_16() { //目次と連動
map.flyTo(new L.LatLng(43.963415,144.174614),10);  //マーカーの座標と連動
}
var Icon18= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[17]=L.marker([39.916583,140.009766],{icon:Icon18}).addTo(map)
.bindTooltip("八郎潟調整池（秋田県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第18位</div><div class=''>八郎潟調整池（秋田県）</div><div class='ml5'>はちろうがたちょうせいち</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：27.8km²</div><div class='ml15'>最大水深：11.3m</div><div class='ml15'>標高：1m</div></div>");
map.addLayer(markers[17]);
function flyto_17() { //目次と連動
map.flyTo(new L.LatLng(39.916583,140.009766),10);  //マーカーの座標と連動
}
var Icon19= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[18]=L.marker([39.725673,140.663452],{icon:Icon19}).addTo(map)
.bindTooltip("田沢湖（秋田県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第19位</div><div class=''>田沢湖（秋田県）</div><div class='ml5'>たざわこ</div><div class='mt5 ml15'>成因：カルデラ</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：25.8km²</div><div class='ml15'>最大水深：423.4m</div><div class='ml15'>標高：249m</div></div>");
map.addLayer(markers[18]);
function flyto_18() { //目次と連動
map.flyTo(new L.LatLng(39.725673,140.663452),10);  //マーカーの座標と連動
}
var Icon20= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[19]=L.marker([43.581634,144.533215],{icon:Icon20}).addTo(map)
.bindTooltip("摩周湖（北海道・釧路）").bindPopup("<div class='moji16 bold'><div class=''>面積 第20位</div><div class=''>摩周湖（北海道・釧路）</div><div class='ml5'>ましゅうこ</div><div class='mt5 ml15'>成因：カルデラ</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：19.2km²</div><div class='ml15'>最大水深：211.4m</div><div class='ml15'>標高：351m</div></div>");
map.addLayer(markers[19]);
function flyto_19() { //目次と連動
map.flyTo(new L.LatLng(43.581634,144.533215),10);  //マーカーの座標と連動
}
var Icon21= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[20]=L.marker([41.028089,140.356693],{icon:Icon21}).addTo(map)
.bindTooltip("十三湖（青森県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第21位</div><div class=''>十三湖（青森県）</div><div class='ml5'>じゅうさんこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：17.8km²</div><div class='ml15'>最大水深：1.5m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[20]);
function flyto_20() { //目次と連動
map.flyTo(new L.LatLng(41.028089,140.356693),10);  //マーカーの座標と連動
}
var Icon22= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[21]=L.marker([45.136221,142.328568],{icon:Icon22}).addTo(map)
.bindTooltip("クッチャロ湖（北海道・宗谷）").bindPopup("<div class='moji16 bold'><div class=''>面積 第22位</div><div class=''>クッチャロ湖（北海道・宗谷）</div><div class='ml5'>くっちゃろこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：13.4km²</div><div class='ml15'>最大水深：3.3m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[21]);
function flyto_21() { //目次と連動
map.flyTo(new L.LatLng(45.136221,142.328568),10);  //マーカーの座標と連動
}
var Icon23= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[22]=L.marker([43.454165,144.097538],{icon:Icon23}).addTo(map)
.bindTooltip("阿寒湖（北海道・釧路）").bindPopup("<div class='moji16 bold'><div class=''>面積 第23位</div><div class=''>阿寒湖（北海道・釧路）</div><div class='ml5'>あかんこ</div><div class='mt5 ml15'>成因：カルデラ</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：13.3km²</div><div class='ml15'>最大水深：44.8m</div><div class='ml15'>標高：420m</div></div>");
map.addLayer(markers[22]);
function flyto_22() { //目次と連動
map.flyTo(new L.LatLng(43.454165,144.097538),10);  //マーカーの座標と連動
}
var Icon24= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[23]=L.marker([36.049654,138.083725],{icon:Icon24}).addTo(map)
.bindTooltip("諏訪湖（長野県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第24位</div><div class=''>諏訪湖（長野県）</div><div class='ml5'>すわこ</div><div class='mt5 ml15'>成因：断層</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：12.8km²</div><div class='ml15'>最大水深：7.6m</div><div class='ml15'>標高：759m</div></div>");
map.addLayer(markers[23]);
function flyto_23() { //目次と連動
map.flyTo(new L.LatLng(36.049654,138.083725),10);  //マーカーの座標と連動
}
var Icon25= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[24]=L.marker([36.74081,139.46311],{icon:Icon25}).addTo(map)
.bindTooltip("中禅寺湖（栃木県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第25位</div><div class=''>中禅寺湖（栃木県）</div><div class='ml5'>ちゅうぜんじこ</div><div class='mt5 ml15'>成因：堰止</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：11.9km²</div><div class='ml15'>最大水深：163.0m</div><div class='ml15'>標高：1269m</div></div>");
map.addLayer(markers[24]);
function flyto_24() { //目次と連動
map.flyTo(new L.LatLng(36.74081,139.46311),10);  //マーカーの座標と連動
}
var Icon26= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[25]=L.marker([31.235702,130.56118],{icon:Icon26}).addTo(map)
.bindTooltip("池田湖（鹿児島県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第26位</div><div class=''>池田湖（鹿児島県）</div><div class='ml5'>いけだこ</div><div class='mt5 ml15'>成因：カルデラ</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：10.9km²</div><div class='ml15'>最大水深：233.0m</div><div class='ml15'>標高：66m</div></div>");
map.addLayer(markers[25]);
function flyto_25() { //目次と連動
map.flyTo(new L.LatLng(31.235702,130.56118),10);  //マーカーの座標と連動
}
var Icon27= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[26]=L.marker([37.67825,140.056458],{icon:Icon27}).addTo(map)
.bindTooltip("桧原湖（福島県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第27位</div><div class=''>桧原湖（福島県）</div><div class='ml5'>ひばらこ</div><div class='mt5 ml15'>成因：堰止</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：10.7km²</div><div class='ml15'>最大水深：30.5m</div><div class='ml15'>標高：822m</div></div>");
map.addLayer(markers[26]);
function flyto_26() { //目次と連動
map.flyTo(new L.LatLng(37.67825,140.056458),10);  //マーカーの座標と連動
}
var Icon28= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[27]=L.marker([35.800272,140.251551],{icon:Icon28}).addTo(map)
.bindTooltip("印旛沼（千葉県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第28位</div><div class=''>印旛沼（千葉県）</div><div class='ml5'>いんばぬま</div><div class='mt5 ml15'>成因：堰止</div><div class='ml15'>淡水湖</div><div class='ml15'>面積：9.4km²</div><div class='ml15'>最大水深：4.8m</div><div class='ml15'>標高：2m</div></div>");
map.addLayer(markers[27]);
function flyto_27() { //目次と連動
map.flyTo(new L.LatLng(35.800272,140.251551),10);  //マーカーの座標と連動
}
var Icon29= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[28]=L.marker([36.276801,140.507927],{icon:Icon29}).addTo(map)
.bindTooltip("涸沼（茨城県）").bindPopup("<div class='moji16 bold'><div class=''>面積 第29位</div><div class=''>涸沼（茨城県）</div><div class='ml5'>ひぬま</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：9.3km²</div><div class='ml15'>最大水深：3.0m</div><div class='ml15'>標高：0m</div></div>");
map.addLayer(markers[28]);
function flyto_28() { //目次と連動
map.flyTo(new L.LatLng(36.276801,140.507927),10);  //マーカーの座標と連動
}
var Icon30= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
markers[29]=L.marker([43.935082,144.394855],{icon:Icon30}).addTo(map)
.bindTooltip("濤沸湖（北海道・オホーツク）").bindPopup("<div class='moji16 bold'><div class=''>面積 第30位</div><div class=''>濤沸湖（北海道・オホーツク）</div><div class='ml5'>とうふつこ</div><div class='mt5 ml15'>成因：海跡</div><div class='ml15'>汽水湖</div><div class='ml15'>面積：8.2km²</div><div class='ml15'>最大水深：2.4m</div><div class='ml15'>標高：1m</div></div>");
map.addLayer(markers[29]);
function flyto_29() { //目次と連動
map.flyTo(new L.LatLng(43.935082,144.394855),10);  //マーカーの座標と連動
}