// 世界の主な内陸国 - // PHPに変換して掲載 // このJavaScriptはアップしない !! // 地理院タイル出典の共通の表示 var mbAttr = "地理院タイル"; //地理院地図 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: '© OpenStreetMap contributors'}); //Esri 道路地図 esri_worldStreet = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — 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 © Esri — 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 © Esri — 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 © 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' }); //google_maps var google_maps = L.tileLayer('https://mt1.google.com/vt/lyrs=r&x={x}&y={y}&z={z}', {attribution: "Google Map"}); //デフォルトの設定 - 地図中心点・ズーム値・レイヤーデフォルト表示 var map = L.map('map', {center: [-0.527336,17.226563], zoom: 3, layers: [OSM]}); //住所検索枠を表示 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()); }); //}).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, "地理院地図": 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 © 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 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([0.3475964,32.5825197],{icon:Icon02}).addTo(map) .bindTooltip("ウガンダ").bindPopup(" 
 ウガンダ共和国
Republic of Uganda
緯度,経度:0.3475964,32.5825197
 
"); map.addLayer(markers[1]); function flyto_1() { //目次と連動 map.flyTo(new L.LatLng(0.3475964,32.5825197),5); //マーカーの座標と連動 } 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([-26.3054482,31.1366715],{icon:Icon03}).addTo(map) .bindTooltip("エスワティニ").bindPopup(" 
 エスワティニ王国
Kingdom of Eswatini
緯度,経度:-26.3054482,31.1366715
 
"); map.addLayer(markers[2]); function flyto_2() { //目次と連動 map.flyTo(new L.LatLng(-26.3054482,31.1366715),5); //マーカーの座標と連動 } 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([8.9806034,38.7577605],{icon:Icon04}).addTo(map) .bindTooltip("エチオピア").bindPopup(" 
 エチオピア連邦民主共和国
Federal Democratic Republic of Ethiopia
緯度,経度:8.9806034,38.7577605
 
"); map.addLayer(markers[3]); function flyto_3() { //目次と連動 map.flyTo(new L.LatLng(8.9806034,38.7577605),5); //マーカーの座標と連動 } 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([-15.3875259,28.3228165],{icon:Icon05}).addTo(map) .bindTooltip("ザンビア").bindPopup(" 
 ザンビア共和国
Republic of Zambia
緯度,経度:-15.3875259,28.3228165
 
"); map.addLayer(markers[4]); function flyto_4() { //目次と連動 map.flyTo(new L.LatLng(-15.3875259,28.3228165),5); //マーカーの座標と連動 } 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([-17.8251657,31.03351],{icon:Icon06}).addTo(map) .bindTooltip("ジンバブエ").bindPopup(" 
 ジンバブエ共和国
Republic of Zimbabwe
緯度,経度:-17.8251657,31.03351
 
"); map.addLayer(markers[5]); function flyto_5() { //目次と連動 map.flyTo(new L.LatLng(-17.8251657,31.03351),5); //マーカーの座標と連動 } 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([12.1348457,15.0557415],{icon:Icon07}).addTo(map) .bindTooltip("チャド").bindPopup(" 
 チャド共和国
Republic of Chad
緯度,経度:12.1348457,15.0557415
 
"); map.addLayer(markers[6]); function flyto_6() { //目次と連動 map.flyTo(new L.LatLng(12.1348457,15.0557415),5); //マーカーの座標と連動 } 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([4.3946735,18.5581899],{icon:Icon08}).addTo(map) .bindTooltip("中央アフリカ").bindPopup(" 
 中央アフリカ共和国
Central African Republic
緯度,経度:4.3946735,18.5581899
 
"); map.addLayer(markers[7]); function flyto_7() { //目次と連動 map.flyTo(new L.LatLng(4.3946735,18.5581899),5); //マーカーの座標と連動 } 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([13.5115963,2.1253854],{icon:Icon09}).addTo(map) .bindTooltip("ニジェール").bindPopup(" 
 ニジェール共和国
Republic of Niger
緯度,経度:13.5115963,2.1253854
 
"); map.addLayer(markers[8]); function flyto_8() { //目次と連動 map.flyTo(new L.LatLng(13.5115963,2.1253854),5); //マーカーの座標と連動 } 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([12.3714277,-1.5196603],{icon:Icon10}).addTo(map) .bindTooltip("ブルキナファソ").bindPopup(" 
 ブルキナファソ
Burkina Faso
緯度,経度:12.3714277,-1.5196603
 
"); map.addLayer(markers[9]); function flyto_9() { //目次と連動 map.flyTo(new L.LatLng(12.3714277,-1.5196603),5); //マーカーの座標と連動 } 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([-3.361378,29.3598782],{icon:Icon11}).addTo(map) .bindTooltip("ブルンジ").bindPopup(" 
 ブルンジ共和国
Republic of Burundi
緯度,経度:-3.361378,29.3598782
 
"); map.addLayer(markers[10]); function flyto_10() { //目次と連動 map.flyTo(new L.LatLng(-3.361378,29.3598782),5); //マーカーの座標と連動 } 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([-24.6282079,25.9231471],{icon:Icon12}).addTo(map) .bindTooltip("ボツワナ").bindPopup(" 
 ボツワナ共和国
Republic of Botswana
緯度,経度:-24.6282079,25.9231471
 
"); map.addLayer(markers[11]); function flyto_11() { //目次と連動 map.flyTo(new L.LatLng(-24.6282079,25.9231471),5); //マーカーの座標と連動 } 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([-13.9626121,33.7741195],{icon:Icon13}).addTo(map) .bindTooltip("マラウイ").bindPopup(" 
 マラウイ共和国
Republic of Malawi
緯度,経度:-13.9626121,33.7741195
 
"); map.addLayer(markers[12]); function flyto_12() { //目次と連動 map.flyTo(new L.LatLng(-13.9626121,33.7741195),5); //マーカーの座標と連動 } 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([12.6392316,-8.0028892],{icon:Icon14}).addTo(map) .bindTooltip("マリ").bindPopup(" 
 マリ共和国
Republic of Mali
緯度,経度:12.6392316,-8.0028892
 
"); map.addLayer(markers[13]); function flyto_13() { //目次と連動 map.flyTo(new L.LatLng(12.6392316,-8.0028892),5); //マーカーの座標と連動 } 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([4.859363,31.57125],{icon:Icon15}).addTo(map) .bindTooltip("南スーダン").bindPopup(" 
 南スーダン共和国
The Republic of South Sudan
緯度,経度:4.859363,31.57125
 
"); map.addLayer(markers[14]); function flyto_14() { //目次と連動 map.flyTo(new L.LatLng(4.859363,31.57125),5); //マーカーの座標と連動 } 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([-1.9705786,30.1044288],{icon:Icon16}).addTo(map) .bindTooltip("ルワンダ").bindPopup(" 
 ルワンダ共和国
Republic of Rwanda
緯度,経度:-1.9705786,30.1044288
 
"); map.addLayer(markers[15]); function flyto_15() { //目次と連動 map.flyTo(new L.LatLng(-1.9705786,30.1044288),5); //マーカーの座標と連動 } 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([-29.31, 27.48],{icon:Icon17}).addTo(map) .bindTooltip("レソト").bindPopup(" 
 レソト王国
Kingdom of Lesotho
緯度,経度:-29.31, 27.48
 
"); map.addLayer(markers[16]); function flyto_16() { //目次と連動 map.flyTo(new L.LatLng(-29.31, 27.48),5); //マーカーの座標と連動 } var Icon21= L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Gainsboro.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]}); markers[20]=L.marker([35.6895, 139.691694],{icon:Icon21}).addTo(map) .bindTooltip("東京都庁").bindPopup(" 
《東京都庁》
 北緯 35°41′22.2″ 東経 139°41′30.1″
 
"); map.addLayer(markers[20]); function flyto_20() { //目次と連動 map.flyTo(new L.LatLng(35.6895, 139.691694),16); //マーカーの座標と連動 }