// JavaScript Document
// 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,0], zoom: 1, 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());
});
// 雨雲レーダー
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 © 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([0,0],{icon:Icon01}).addTo(map)
.bindTooltip("緯度0度,経度0度 [大西洋]").bindPopup('
緯度0度,経度0度 [大西洋]
緯度,経度:0,0
緯度,経度:緯度0度0分,経度0度0分
ギニア湾
');
map.addLayer(markers[0]);
function flyto_0() { //目次と連動
map.flyTo(new L.LatLng(0,0),7); //マーカーの座標と連動
}
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,6.517473],{icon:Icon02}).addTo(map)
.bindTooltip(" サントメ・プリンシペ[ロラス島]").bindPopup(" サントメ・プリンシペ
緯度,経度:0,6.517473
緯度,経度:緯度0度0分,東経6度31分
");
map.addLayer(markers[1]);
function flyto_1() { //目次と連動
map.flyTo(new L.LatLng(0,6.517473),7); //マーカーの座標と連動
}
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([0,9.35],{icon:Icon03}).addTo(map)
.bindTooltip(" ガボン").bindPopup(" ガボン
緯度,経度:0,9.35
緯度,経度:緯度0度0分,東経9度21分
");
map.addLayer(markers[2]);
function flyto_2() { //目次と連動
map.flyTo(new L.LatLng(0,9.35),7); //マーカーの座標と連動
}
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([0,13.937542],{icon:Icon04}).addTo(map)
.bindTooltip(" コンゴ共和国").bindPopup(" コンゴ共和国
緯度,経度:0,13.937542
緯度,経度:0度0分,東経13度56分
");
map.addLayer(markers[3]);
function flyto_3() { //目次と連動
map.flyTo(new L.LatLng(0,13.937542),7); //マーカーの座標と連動
}
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([0,17.766667],{icon:Icon05}).addTo(map)
.bindTooltip(" コンゴ民主共和国").bindPopup(" コンゴ民主共和国
緯度,経度:0,17.766667
緯度,経度:緯度0度0分,東経17度46分
");
map.addLayer(markers[4]);
function flyto_4() { //目次と連動
map.flyTo(new L.LatLng(0,17.766667),7); //マーカーの座標と連動
}
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([0,29.728820],{icon:Icon06}).addTo(map)
.bindTooltip(" ウガンダ").bindPopup(" ウガンダ
緯度,経度:0,29.728820
緯度,経度:緯度0度0分,東経29度43分
");
map.addLayer(markers[5]);
function flyto_5() { //目次と連動
map.flyTo(new L.LatLng(0,29.728820),7); //マーカーの座標と連動
}
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([0,34],{icon:Icon07}).addTo(map)
.bindTooltip(" ケニア").bindPopup(" ケニア
緯度,経度:0,34
緯度,経度:緯度0度0分,東経34度0分
キスム(Kisumu)の中心部の 6 km北を通過。
キスムから約300km東にあるほぼ赤道直下のケニア山(標高 5,199 m。同国最高峰で、アフリカ大陸第2位の高さ)は山頂部に氷河を戴く。
");
map.addLayer(markers[6]);
function flyto_6() { //目次と連動
map.flyTo(new L.LatLng(0,34),7); //マーカーの座標と連動
}
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([0,41],{icon:Icon08}).addTo(map)
.bindTooltip(" ソマリア").bindPopup(" ソマリア
緯度,経度:0,41
緯度,経度:緯度0度0分,東経41度0分
");
map.addLayer(markers[7]);
function flyto_7() { //目次と連動
map.flyTo(new L.LatLng(0,41),7); //マーカーの座標と連動
}
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([0,73.050842],{icon:Icon09}).addTo(map)
.bindTooltip(" モルディブ").bindPopup(" モルディブ
緯度,経度:0,73.050842
緯度,経度:緯度0度0分 東経73度3分
");
map.addLayer(markers[8]);
function flyto_8() { //目次と連動
map.flyTo(new L.LatLng(0,73.050842),7); //マーカーの座標と連動
}
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([0,98.2],{icon:Icon10}).addTo(map)
.bindTooltip(" インドネシア[バトゥ諸島/スマトラ島/リンガ諸島]").bindPopup(" インドネシア
緯度,経度:0,98.2
緯度,経度:緯度0度0分 東経98度12分
");
map.addLayer(markers[9]);
function flyto_9() { //目次と連動
map.flyTo(new L.LatLng(0,98.2),7); //マーカーの座標と連動
}
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([0,109.15],{icon:Icon11}).addTo(map)
.bindTooltip(" インドネシア[ボルネオ島]").bindPopup(" インドネシア
緯度,経度:0,109.15
緯度,経度:緯度0度0分 東経109度9分
");
map.addLayer(markers[10]);
function flyto_10() { //目次と連動
map.flyTo(new L.LatLng(0,109.15),7); //マーカーの座標と連動
}
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([0,119.666667],{icon:Icon12}).addTo(map)
.bindTooltip(" インドネシア[スラウェシ島]").bindPopup(" インドネシア
緯度,経度:0,119.666667
緯度,経度:緯度0度0分 東経119度40分
");
map.addLayer(markers[11]);
function flyto_11() { //目次と連動
map.flyTo(new L.LatLng(0,119.666667),7); //マーカーの座標と連動
}
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([0,127.4],{icon:Icon13}).addTo(map)
.bindTooltip(" インドネシア[ハルマヘラ島]").bindPopup(" インドネシア
緯度,経度:0,127.4
緯度,経度:緯度0度0分 東経127度24分
");
map.addLayer(markers[12]);
function flyto_12() { //目次と連動
map.flyTo(new L.LatLng(0,127.4),7); //マーカーの座標と連動
}
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([0,129.333333],{icon:Icon14}).addTo(map)
.bindTooltip(" インドネシア[グベ島]").bindPopup(" インドネシア
緯度,経度:0,129.333333
緯度,経度:緯度0度0分 東経129度20分
");
map.addLayer(markers[13]);
function flyto_13() { //目次と連動
map.flyTo(new L.LatLng(0,129.333333),7); //マーカーの座標と連動
}
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([0,-160.013466],{icon:Icon15}).addTo(map)
.bindTooltip(" アメリカ合衆国[ジャーヴィス島(領有小離島)]").bindPopup(" アメリカ合衆国
緯度,経度:0,-160.05
緯度,経度:北緯0度,西経160度01分
ジャーヴィス島(アメリカ合衆国領有小離島)
領海に赤道が通る。島は赤道より南(南緯0度22分0秒、西経160度1分0秒)
");
map.addLayer(markers[14]);
function flyto_14() { //目次と連動
map.flyTo(new L.LatLng(0,-160.013466),7); //マーカーの座標と連動
}
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([0, -157.362601],{icon:Icon16}).addTo(map)
.bindTooltip(" キリバス").bindPopup(" キリバス
緯度,経度:0,-157.362601
緯度,経度:緯度0度0分,西経157度21分
");
map.addLayer(markers[15]);
function flyto_15() { //目次と連動
map.flyTo(new L.LatLng(0, -157.362601),7); //マーカーの座標と連動
}
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([0,-91.583333],{icon:Icon17}).addTo(map)
.bindTooltip(" エクアドル[イサベラ島(ガラパゴス諸島)]").bindPopup(" エクアドル
緯度,経度:0,-91.583333
緯度,経度:緯度0度0分 西経91度35分
イサベラ島(ガラパゴス諸島)
イサベラ島はガラパゴス諸島の中で最も大きい島で、諸島の中で、唯一、島の北部を赤道が通過する。
");
map.addLayer(markers[16]);
function flyto_16() { //目次と連動
map.flyTo(new L.LatLng(0,-91.583333),7); //マーカーの座標と連動
}
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([0, -80.1],{icon:Icon18}).addTo(map)
.bindTooltip(" エクアドル[首都「キト」付近]").bindPopup(" エクアドル
緯度,経度:0,-80.1
緯度,経度:緯度0度0分 西経80度6分
");
map.addLayer(markers[17]);
function flyto_17() { //目次と連動
map.flyTo(new L.LatLng(0, -80.1),7); //マーカーの座標と連動
}
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([0,-75.574719],{icon:Icon19}).addTo(map)
.bindTooltip(" コロンビア").bindPopup(" コロンビア
緯度,経度:0,-75.574719
緯度,経度:緯度0度0分 西経75度34分
");
map.addLayer(markers[18]);
function flyto_18() { //目次と連動
map.flyTo(new L.LatLng(0,-75.574719),7); //マーカーの座標と連動
}
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([0, -70.040482],{icon:Icon20}).addTo(map)
.bindTooltip(" ブラジル").bindPopup(" ブラジル
緯度,経度:0,-70.040482
緯度,経度:緯度0度0分 西経70度2分
");
map.addLayer(markers[19]);
function flyto_19() { //目次と連動
map.flyTo(new L.LatLng(0, -70.040482),7); //マーカーの座標と連動
}
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); //マーカーの座標と連動
}