// 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: [35.714046596291645, 139.78298673297752], zoom: 12, 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 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();
}
// マーカーの種類
var
icon_pink = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/LightPink.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_red = L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Red.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_yellow = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/DarkOrange.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_lightblue = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/DeepSkyBlue.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
// マーカーの作成
markers[01] = L.marker([35.77056314564984, 139.73555175943116], {icon: icon_lightblue}).bindTooltip("宮堀の渡し").bindPopup("
〈隅田川の渡し〉
宮堀の渡し
みやほりのわたし
「神谷の渡し」とも
");
map.addLayer(markers[01]);
function flyto_01() { //目次と連動
map.flyTo(new L.LatLng(35.77056314564984, 139.73555175943116),16); //マーカーの座標と連動
}
markers[02] = L.marker([35.76783, 139.74301], {icon: icon_lightblue}).bindTooltip("野新田の渡し").bindPopup("〈隅田川の渡し〉
野新田の渡し
やしんでんのわたし
「馬場の渡し」とも
");
map.addLayer(markers[02]);
function flyto_02() { //目次と連動
map.flyTo(new L.LatLng(35.76783, 139.74301),16); //マーカーの座標と連動
}
markers[03] = L.marker([35.76704 ,139.76023], {icon: icon_lightblue}).bindTooltip("六阿弥陀の渡し").bindPopup("〈隅田川の渡し〉
六阿弥陀の渡し
ろくあみだのわたし
「豊島の渡し」とも
");
map.addLayer(markers[03]);
function flyto_03() { //目次と連動
map.flyTo(new L.LatLng(35.76704 ,139.76023),16); //マーカーの座標と連動
}
markers[04] = L.marker([35.75593 ,139.75047], {icon: icon_lightblue}).bindTooltip("梶原の渡し").bindPopup("〈隅田川の渡し〉
梶原の渡し
かじわらのわたし
「船宮の渡し」とも
");
map.addLayer(markers[04]);
function flyto_04() { //目次と連動
map.flyTo(new L.LatLng(35.75593 ,139.75047),16); //マーカーの座標と連動
}
markers[05] = L.marker([35.75387 ,139.76177], {icon: icon_lightblue}).bindTooltip("小台の渡し").bindPopup("〈隅田川の渡し〉
小台の渡し
おだいのわたし
「尾久の渡し」とも
");
map.addLayer(markers[05]);
function flyto_05() { //目次と連動
map.flyTo(new L.LatLng(35.75387 ,139.76177),16); //マーカーの座標と連動
}
markers[06] = L.marker([35.75283608666033, 139.7703165005207], {icon: icon_lightblue}).bindTooltip("熊野の渡し").bindPopup("〈隅田川の渡し〉
熊野の渡し
くまののわたし
");
map.addLayer(markers[06]);
function flyto_06() { //目次と連動
map.flyTo(new L.LatLng(35.75283608666033, 139.7703165005207),16); //マーカーの座標と連動
}
markers[07] = L.marker([35.75321 ,139.78203], {icon: icon_lightblue}).bindTooltip("新渡し").bindPopup("〈隅田川の渡し〉
新渡し
しんわたし
");
map.addLayer(markers[07]);
function flyto_07() { //目次と連動
map.flyTo(new L.LatLng(35.75321 ,139.78203),16); //マーカーの座標と連動
}
markers[08] = L.marker([35.7496, 139.79044], {icon: icon_lightblue}).bindTooltip("尾竹の渡し").bindPopup("〈隅田川の渡し〉
尾竹の渡し
おたけのわたし
「お茶屋の渡し」とも
");
map.addLayer(markers[08]);
function flyto_08() { //目次と連動
map.flyTo(new L.LatLng(35.7496, 139.79044),16); //マーカーの座標と連動
}
markers[09] = L.marker([35.74661, 139.78788], {icon: icon_lightblue}).bindTooltip("一本松の渡し").bindPopup("〈隅田川の渡し〉
一本松の渡し
いっぽんまつのわたし
");
map.addLayer(markers[09]);
function flyto_09() { //目次と連動
map.flyTo(new L.LatLng(35.74661, 139.78788),16); //マーカーの座標と連動
}
markers[10] = L.marker([35.7393, 139.79563], {icon: icon_lightblue}).bindTooltip("渡裸の渡し").bindPopup("〈隅田川の渡し〉
渡裸の渡し
とらのわたし
「戸田の渡し」とも
");
map.addLayer(markers[10]);
function flyto_10() { //目次と連動
map.flyTo(new L.LatLng(35.7393, 139.79563),16); //マーカーの座標と連動
}
markers[11] = L.marker([35.73969, 139.81328], {icon: icon_lightblue}).bindTooltip("汐入の渡し").bindPopup("〈隅田川の渡し〉
汐入の渡し
しおいりのわたし
");
map.addLayer(markers[11]);
function flyto_11() { //目次と連動
map.flyTo(new L.LatLng(35.73969, 139.81328),16); //マーカーの座標と連動
}
markers[12] = L.marker([35.73546780676994, 139.81263695966476], {icon: icon_lightblue}).bindTooltip("水神の渡し").bindPopup("〈隅田川の渡し〉
水神の渡し
すいじんのわたし
");
map.addLayer(markers[12]);
function flyto_12() { //目次と連動
map.flyTo(new L.LatLng(35.73546780676994, 139.81263695966476),16); //マーカーの座標と連動
}
markers[13] = L.marker([35.72789, 139.8091], {icon: icon_lightblue}).bindTooltip("橋場の渡し").bindPopup("〈隅田川の渡し〉
橋場の渡し
はしばのわたし
");
map.addLayer(markers[13]);
function flyto_13() { //目次と連動
map.flyTo(new L.LatLng(35.72789, 139.8091),16); //マーカーの座標と連動
}
markers[132] = L.marker([35.72285, 139.80855], {icon: icon_lightblue}).bindTooltip("白鬚の渡し").bindPopup("〈隅田川の渡し〉
白鬚の渡し
しらひげのわたし
");
map.addLayer(markers[132]);
function flyto_132() { //目次と連動
map.flyTo(new L.LatLng(35.72285, 139.80855),16); //マーカーの座標と連動
}
markers[14] = L.marker([35.71939, 139.80671], {icon: icon_lightblue}).bindTooltip("今戸の渡し").bindPopup("〈隅田川の渡し〉
今戸の渡し
いまどのわたし
「寺島の渡し」とも
");
map.addLayer(markers[14]);
function flyto_14() { //目次と連動
map.flyTo(new L.LatLng(35.71939, 139.80671),16); //マーカーの座標と連動
}
markers[15] = L.marker([35.715528731234784, 139.8059613230841], {icon: icon_lightblue}).bindTooltip("竹屋の渡し").bindPopup("〈隅田川の渡し〉
竹屋の渡し
たけやのわたし
「竹家」「向島」「待乳」の渡しとも
");
map.addLayer(markers[15]);
function flyto_15() { //目次と連動
map.flyTo(new L.LatLng(35.715528731234784, 139.8059613230841),16); //マーカーの座標と連動
}
markers[16] = L.marker([35.7127, 139.80043], {icon: icon_lightblue}).bindTooltip("山の宿の渡し").bindPopup("〈隅田川の渡し〉
山の宿の渡し
やまのしゅくのわたし
「花川戸」「枕橋」の渡しとも
");
map.addLayer(markers[16]);
function flyto_16() { //目次と連動
map.flyTo(new L.LatLng(35.7127, 139.80043),16); //マーカーの座標と連動
}
markers[17] = L.marker([35.70957, 139.79754], {icon: icon_lightblue}).bindTooltip("竹町の渡し").bindPopup("〈隅田川の渡し〉
竹町の渡し
たけちょうのわたし
「駒形の渡し」とも
");
map.addLayer(markers[17]);
function flyto_17() { //目次と連動
map.flyTo(new L.LatLng(35.70957, 139.79754),16); //マーカーの座標と連動
}
markers[18] = L.marker([35.70505, 139.79459], {icon: icon_lightblue}).bindTooltip("御厩の渡し").bindPopup("〈隅田川の渡し〉
御厩の渡し
おうまやのわたし
「御厩河岸の渡し」とも
");
map.addLayer(markers[18]);
function flyto_18() { //目次と連動
map.flyTo(new L.LatLng(35.70505, 139.79459),16); //マーカーの座標と連動
}
markers[19] = L.marker([35.697136458091414, 139.78950189350672], {icon: icon_lightblue}).bindTooltip("富士見の渡し").bindPopup("〈隅田川の渡し〉
富士見の渡し
ふじみのわたし
「御蔵の渡し」とも
");
map.addLayer(markers[19]);
function flyto_19() { //目次と連動
map.flyTo(new L.LatLng(35.697136458091414, 139.78950189350672),16); //マーカーの座標と連動
}
markers[20] = L.marker([35.69407, 139.7879], {icon: icon_lightblue}).bindTooltip("横網の渡し").bindPopup("〈隅田川の渡し〉
横網の渡し
よこあみのわたし
");
map.addLayer(markers[20]);
function flyto_20() { //目次と連動
map.flyTo(new L.LatLng(35.69407, 139.7879),16); //マーカーの座標と連動
}
markers[21] = L.marker([35.69161, 139.78806], {icon: icon_lightblue}).bindTooltip("一目の渡し").bindPopup("〈隅田川の渡し〉
一目の渡し
ひとつめのわたし
「千歳の渡し」とも
");
map.addLayer(markers[21]);
function flyto_21() { //目次と連動
map.flyTo(new L.LatLng(35.69161, 139.78806),16); //マーカーの座標と連動
}
markers[22] = L.marker([35.68849, 139.79246], {icon: icon_lightblue}).bindTooltip("安宅の渡し").bindPopup("〈隅田川の渡し〉
安宅の渡し
あたけのわたし
");
map.addLayer(markers[22]);
function flyto_22() { //目次と連動
map.flyTo(new L.LatLng(35.68849, 139.79246),16); //マーカーの座標と連動
}
markers[23] = L.marker([35.68089, 139.79167], {icon: icon_lightblue}).bindTooltip("中洲の渡し").bindPopup("〈隅田川の渡し〉
中洲の渡し
なかずのわたし
");
map.addLayer(markers[23]);
function flyto_23() { //目次と連動
map.flyTo(new L.LatLng(35.68089, 139.79167),16); //マーカーの座標と連動
}
markers[24] = L.marker([35.67645, 139.78668], {icon: icon_lightblue}).bindTooltip("大渡し").bindPopup("〈隅田川の渡し〉
大渡し
おおわたし
「深川の渡し」とも
");
map.addLayer(markers[24]);
function flyto_24() { //目次と連動
map.flyTo(new L.LatLng(35.67645, 139.78668),16); //マーカーの座標と連動
}
markers[25] = L.marker([35.67453, 139.78849], {icon: icon_lightblue}).bindTooltip("大川口の渡し").bindPopup("〈隅田川の渡し〉
大川口の渡し
おおかわぐちのわたし
");
map.addLayer(markers[25]);
function flyto_25() { //目次と連動
map.flyTo(new L.LatLng(35.67453, 139.78849),16); //マーカーの座標と連動
}
markers[26] = L.marker([35.6701242131347, 139.78114117555387], {icon: icon_lightblue}).bindTooltip("佃の渡し").bindPopup("〈隅田川の渡し〉
佃の渡し
つくだのわたし
");
map.addLayer(markers[26]);
function flyto_26() { //目次と連動
map.flyTo(new L.LatLng(35.6701242131347, 139.78114117555387),16); //マーカーの座標と連動
}
markers[27] = L.marker([35.66488, 139.77691], {icon: icon_lightblue}).bindTooltip("月島の渡し").bindPopup("〈隅田川の渡し〉
月島の渡し
つきしまのわたし
");
map.addLayer(markers[27]);
function flyto_27() { //目次と連動
map.flyTo(new L.LatLng(35.66488, 139.77691),16); //マーカーの座標と連動
}
markers[28] = L.marker([35.66328, 139.7738], {icon: icon_lightblue}).bindTooltip("勝鬨の渡し").bindPopup("〈隅田川の渡し〉
勝鬨の渡し
かちどきのわたし
");
map.addLayer(markers[28]);
function flyto_28() { //目次と連動
map.flyTo(new L.LatLng(35.66328, 139.7738),16); //マーカーの座標と連動
}