// 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.653901,139.763877], zoom: 11, 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();
}
// マーカーの種類
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]});
// マーカーの作成
// 秋の部 26
markers[301] = L.marker([35.6781716315,139.7726690769], {icon: icon_yellow}).bindTooltip("市中繁栄七夕祭").bindPopup("〈秋の部〉
市中繁栄七夕祭
しちゅうはんえいたなばたまつり
");
map.addLayer(markers[301]);
function flyto_301() { //目次と連動
map.flyTo(new L.LatLng(35.6781716315,139.7726690769),16); //マーカーの座標と連動
}
markers[302] = L.marker([35.6906419587,139.7801792621], {icon: icon_yellow}).bindTooltip("大伝馬町こふく店").bindPopup("〈秋の部〉
大伝馬町こふく店
おおてんまちょうごふくだな
");
map.addLayer(markers[302]);
function flyto_302() { //目次と連動
map.flyTo(new L.LatLng(35.6906419587,139.7801792621),16); //マーカーの座標と連動
}
markers[303] = L.marker([35.6914871864,139.7738492488], {icon: icon_yellow}).bindTooltip("神田紺屋町").bindPopup("〈秋の部〉
神田紺屋町
かんだこんやちょう
");
map.addLayer(markers[303]);
function flyto_303() { //目次と連動
map.flyTo(new L.LatLng(35.6914871864,139.7738492488),16); //マーカーの座標と連動
}
markers[304] = L.marker([35.6752084440,139.7689032554], {icon: icon_yellow}).bindTooltip("京橋竹がし").bindPopup("〈秋の部〉
京橋竹がし
きょうばしたけがし
");
map.addLayer(markers[304]);
function flyto_304() { //目次と連動
map.flyTo(new L.LatLng(35.6752084440,139.7689032554),16); //マーカーの座標と連動
}
markers[305] = L.marker([35.6736657999,139.7812736034], {icon: icon_yellow}).bindTooltip("鉄炮洲稲荷橋湊神社").bindPopup("〈秋の部〉
鉄炮洲稲荷橋湊神社
てっぽうずいなりばしみなとじんじゃ
");
map.addLayer(markers[305]);
function flyto_305() { //目次と連動
map.flyTo(new L.LatLng(35.6736657999,139.7812736034),16); //マーカーの座標と連動
}
markers[306] = L.marker([35.6658301020,139.7766494750], {icon: icon_yellow}).bindTooltip("鉄炮洲築地門跡").bindPopup("〈秋の部〉
鉄炮洲築地門跡
てっぽうずつきじもんぜき
");
map.addLayer(markers[306]);
function flyto_306() { //目次と連動
map.flyTo(new L.LatLng(35.6658301020,139.7766494750),16); //マーカーの座標と連動
}
markers[307] = L.marker([35.6566773120,139.7544300556], {icon: icon_yellow}).bindTooltip("芝神明増上寺").bindPopup("〈秋の部〉
芝神明増上寺
しばしんめいぞうじょうじ
");
map.addLayer(markers[307]);
function flyto_307() { //目次と連動
map.flyTo(new L.LatLng(35.6566773120,139.7544300556),16); //マーカーの座標と連動
}
markers[308] = L.marker([35.6531379520,139.7542798519], {icon: icon_yellow}).bindTooltip("金杉橋芝浦").bindPopup("〈秋の部〉
金杉橋芝浦
かなすぎばししばうら
");
map.addLayer(markers[308]);
function flyto_308() { //目次と連動
map.flyTo(new L.LatLng(35.6531379520,139.7542798519),16); //マーカーの座標と連動
}
markers[309] = L.marker([35.6397026482,139.7408151626], {icon: icon_yellow}).bindTooltip("高輪うしまち").bindPopup("〈秋の部〉
高輪うしまち
たかなわうしまち
");
map.addLayer(markers[309]);
function flyto_309() { //目次と連動
map.flyTo(new L.LatLng(35.6397026482,139.7408151626),16); //マーカーの座標と連動
}
markers[310] = L.marker([35.6224889066,139.7397208213], {icon: icon_yellow}).bindTooltip("月の岬").bindPopup("〈秋の部〉
月の岬
つきのみさき
");
map.addLayer(markers[310]);
function flyto_310() { //目次と連動
map.flyTo(new L.LatLng(35.6224889066,139.7397208213),16); //マーカーの座標と連動
}
markers[311] = L.marker([35.6199597265,139.7417163848], {icon: icon_yellow}).bindTooltip("品川すさき").bindPopup("〈秋の部〉
品川すさき
しながわすさき
");
map.addLayer(markers[311]);
function flyto_311() { //目次と連動
map.flyTo(new L.LatLng(35.6199597265,139.7417163848),16); //マーカーの座標と連動
}
markers[312] = L.marker([35.6394846655,139.7097766399], {icon: icon_yellow}).bindTooltip("目黒爺々が茶屋").bindPopup("〈秋の部〉
目黒爺々が茶屋
めぐろじじがちゃや
");
map.addLayer(markers[312]);
function flyto_312() { //目次と連動
map.flyTo(new L.LatLng(35.6394846655,139.7097766399),16); //マーカーの座標と連動
}
markers[313] = L.marker([35.6799669210,139.7322213649], {icon: icon_yellow}).bindTooltip("紀の国坂赤坂溜池遠景").bindPopup("〈秋の部〉
紀の国坂赤坂溜池遠景
きのくにざかあかさかためいけえんけい
");
map.addLayer(markers[313]);
function flyto_313() { //目次と連動
map.flyTo(new L.LatLng(35.6799669210,139.7322213649),16); //マーカーの座標と連動
}
markers[314] = L.marker([35.6895440207,139.7093904018], {icon: icon_yellow}).bindTooltip("四ツ谷内藤新宿").bindPopup("〈秋の部〉
四ツ谷内藤新宿
よつやないとうしんじゅく
");
map.addLayer(markers[314]);
function flyto_314() { //目次と連動
map.flyTo(new L.LatLng(35.6895440207,139.7093904018),16); //マーカーの座標と連動
}
markers[315] = L.marker([35.6992593755,139.5748078823], {icon: icon_yellow}).bindTooltip("井の頭の池弁天の社").bindPopup("〈秋の部〉
井の頭の池弁天の社
いのかしらのいけべんてんのやしろ
");
map.addLayer(markers[315]);
function flyto_315() { //目次と連動
map.flyTo(new L.LatLng(35.6992593755,139.5748078823),16); //マーカーの座標と連動
}
markers[316] = L.marker([35.7519891680,139.7295928001], {icon: icon_yellow}).bindTooltip("王子滝の川").bindPopup("〈秋の部〉
王子滝の川
おうじたきのがわ
");
map.addLayer(markers[316]);
function flyto_316() { //目次と連動
map.flyTo(new L.LatLng(35.7519891680,139.7295928001),16); //マーカーの座標と連動
}
markers[317] = L.marker([35.7127891933,139.7734844684], {icon: icon_yellow}).bindTooltip("上野山内月のまつ").bindPopup("〈秋の部〉
上野山内月のまつ
うえのさんないつきのまつ
");
map.addLayer(markers[317]);
function flyto_317() { //目次と連動
map.flyTo(new L.LatLng(35.7127891933,139.7734844684),16); //マーカーの座標と連動
}
markers[318] = L.marker([35.7175367177,139.8009395599], {icon: icon_yellow}).bindTooltip("猿わか町よるの景").bindPopup("〈秋の部〉
猿わか町よるの景
さるわかちょうよるのけい
");
map.addLayer(markers[318]);
function flyto_318() { //目次と連動
map.flyTo(new L.LatLng(35.7175367177,139.8009395599),16); //マーカーの座標と連動
}
markers[319] = L.marker([35.7180158099,139.8119366168], {icon: icon_yellow}).bindTooltip("請地秋葉の境内").bindPopup("〈秋の部〉
請地秋葉の境内
うけちあきばのけいだい
");
map.addLayer(markers[319]);
function flyto_319() { //目次と連動
map.flyTo(new L.LatLng(35.7180158099,139.8119366168),16); //マーカーの座標と連動
}
markers[320] = L.marker([35.7337458570,139.8144578933], {icon: icon_yellow}).bindTooltip("木母寺内川御前栽畑").bindPopup("〈秋の部〉
木母寺内川御前栽畑
もくぼじうちかわおんせんざいばたけ
");
map.addLayer(markers[320]);
function flyto_320() { //目次と連動
map.flyTo(new L.LatLng(35.7337458570,139.8144578933),16); //マーカーの座標と連動
}
markers[321] = L.marker([35.7625500904,139.8538327217], {icon: icon_yellow}).bindTooltip("にい宿のわたし").bindPopup("〈秋の部〉
にい宿のわたし
にいじゅくのわたし
");
map.addLayer(markers[321]);
function flyto_321() { //目次と連動
map.flyTo(new L.LatLng(35.7625500904,139.8538327217),16); //マーカーの座標と連動
}
markers[322] = L.marker([35.7397374388,139.9072623252], {icon: icon_yellow}).bindTooltip("真間の紅葉手古那の社継はし").bindPopup("〈秋の部〉
真間の紅葉手古那の社継はし
ままのもみじてこなのやしろつぎはし
");
map.addLayer(markers[322]);
function flyto_322() { //目次と連動
map.flyTo(new L.LatLng(35.7397374388,139.9072623252),16); //マーカーの座標と連動
}
markers[323] = L.marker([35.7464948446,139.8988080024], {icon: icon_yellow}).bindTooltip("鴻の台とね川風景").bindPopup("〈秋の部〉
鴻の台とね川風景
こうのだいとねがわふうけい
");
map.addLayer(markers[323]);
function flyto_323() { //目次と連動
map.flyTo(new L.LatLng(35.7464948446,139.8988080024),16); //マーカーの座標と連動
}
markers[324] = L.marker([35.6593709563,139.8969841003], {icon: icon_yellow}).bindTooltip("堀江ねこざね").bindPopup("〈秋の部〉
堀江ねこざね
ほりえねこざね
");
map.addLayer(markers[324]);
function flyto_324() { //目次と連動
map.flyTo(new L.LatLng(35.6593709563,139.8969841003),16); //マーカーの座標と連動
}
markers[325] = L.marker([35.6851259747,139.8162174224], {icon: icon_yellow}).bindTooltip("小奈木川五本まつ").bindPopup("〈秋の部〉
小奈木川五本まつ
おなぎがわごほんまつ
");
map.addLayer(markers[325]);
function flyto_325() { //目次と連動
map.flyTo(new L.LatLng(35.6851259747,139.8162174224),16); //マーカーの座標と連動
}
markers[326] = L.marker([35.6953733756,139.7875607013], {icon: icon_yellow}).bindTooltip("両国花火").bindPopup("〈秋の部〉
両国花火
りょうごくはなび
");
map.addLayer(markers[326]);
function flyto_326() { //目次と連動
map.flyTo(new L.LatLng(35.6953733756,139.7875607013),16); //マーカーの座標と連動
}
