// JavaScript Document
// PHPに変換して掲載
// このJavaScriptはアップしない !!
// 四国八十八箇所 徳島県 〜発心の道場〜 23
// 地理院タイル出典の共通の表示
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: [33.526317,133.397241], zoom: 8, 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/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_orange = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/DarkOrange.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_blue = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/DeepSkyBlue.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
// マーカーの作成
// 徳島県 〜発心の道場〜 23
markers[101] = L.marker([34.159803,134.502592], {icon: icon_pink}).bindTooltip("第一番 竺和山 一乗院 霊山寺").bindPopup("
第一番 竺和山 一乗院 霊山寺
じくわざん いちじょういん りょうぜんじ
宗派:高野真言宗
本尊:釈迦如来
真言:のうまく さんまんだ ぼだなん ばく
徳島県鳴門市大麻町板東塚鼻126
");
map.addLayer(markers[101]);
function flyto_101() { //目次と連動
map.flyTo(new L.LatLng(34.159803,134.502592),16); //マーカーの座標と連動
}
markers[102] = L.marker([34.15565,134.490347], {icon: icon_pink}).bindTooltip("第二番 日照山 無量寿院 極楽寺").bindPopup("第二番 日照山 無量寿院 極楽寺
にっしょうざん むりょうじゅいん ごくらくじ
宗派:高野真言宗
本尊:阿弥陀如来(伝弘法大師)
真言:おん あみりた ていせい からうん
徳島県鳴門市大麻町桧字ダンノ上12
");
map.addLayer(markers[102]);
function flyto_102() { //目次と連動
map.flyTo(new L.LatLng(34.15565,134.490347),16); //マーカーの座標と連動
}
markers[103] = L.marker([34.147436,134.468544], {icon: icon_pink}).bindTooltip("第三番 亀光山 釈迦院 金泉寺").bindPopup("第三番 亀光山 釈迦院 金泉寺
きこうざん しゃかいん こんせんじ
宗派:高野真言宗
本尊:釈迦如来(伝行基作)
真言:のうまく さんまんだ ぼだなん ばく
徳島県板野郡板野町大字亀山下66
");
map.addLayer(markers[103]);
function flyto_103() { //目次と連動
map.flyTo(new L.LatLng(34.147436,134.468544),16); //マーカーの座標と連動
}
markers[104] = L.marker([34.151306,134.430889], {icon: icon_pink}).bindTooltip("第四番 黒厳山 遍照院 大日寺").bindPopup("第四番 黒厳山 遍照院 大日寺
こくがんざん へんじょういん だいにちじ
宗派:東寺真言宗
本尊:大日如来(伝弘法大師作)
真言:おん あびらうんけん ばざらだどばん
徳島県板野郡板野町黒谷字居内5
");
map.addLayer(markers[104]);
function flyto_104() { //目次と連動
map.flyTo(new L.LatLng(34.151306,134.430889),16); //マーカーの座標と連動
}
markers[105] = L.marker([34.137219,134.431925], {icon: icon_pink}).bindTooltip("第五番 無尽山 荘厳院 地蔵寺").bindPopup("第五番 無尽山 荘厳院 地蔵寺
むじんざん しょうごんいん じそうじ
宗派:真言宗御室派
本尊:延命地蔵
胎内仏・勝軍地蔵菩薩(伝弘法大師作)
真言:おん かかかび さんまえい そわか
徳島県板野郡板野町羅漢字林東5
");
map.addLayer(markers[105]);
function flyto_105() { //目次と連動
map.flyTo(new L.LatLng(34.137219,134.431925),16); //マーカーの座標と連動
}
markers[106] = L.marker([34.118056,134.388389], {icon: icon_pink}).bindTooltip("第六番 温泉山 瑠璃光院 安楽寺").bindPopup("第六番 温泉山 瑠璃光院 安楽寺
おんせんざん るりこういん あんらくじ
宗派:高野山真言宗
本尊:薬師如来(伝弘法大師作)
真言:おん ころころ せんだり まとうぎ そわか
徳島県板野郡上板町引野字寺ノ西北8
");
map.addLayer(markers[106]);
function flyto_106() { //目次と連動
map.flyTo(new L.LatLng(34.118056,134.388389),16); //マーカーの座標と連動
}
markers[107] = L.marker([34.12075,134.377925], {icon: icon_pink}).bindTooltip("第七番 光明山 蓮華院 十楽寺").bindPopup("第七番 光明山 蓮華院 十楽寺
こうみょうざん れんげいん じゅうらくじ
宗派:高野山真言宗
本尊:阿弥陀如来(伝弘法大師作)
真言:おん あみりた ていせいから うん
徳島県阿波市土成町高尾字法教田58
");
map.addLayer(markers[107]);
function flyto_107() { //目次と連動
map.flyTo(new L.LatLng(34.12075,134.377925),16); //マーカーの座標と連動
}
markers[108] = L.marker([34.122758,134.340039], {icon: icon_pink}).bindTooltip("第八番 普明山 真光院 熊谷寺").bindPopup("第八番 普明山 真光院 熊谷寺
ふみょうざん しんこういん くまたにじ
宗派:高野山真言宗
本尊:千手観世音菩薩
真言:おん ばざらたらま きりく
徳島県阿波市土成町土成字前田185
");
map.addLayer(markers[108]);
function flyto_108() { //目次と連動
map.flyTo(new L.LatLng(34.122758,134.340039),16); //マーカーの座標と連動
}
markers[109] = L.marker([34.104378,134.333814], {icon: icon_pink}).bindTooltip("第九番 正覚山 菩提院 法輪寺").bindPopup("第九番 正覚山 菩提院 法輪寺
しょうかくざん ぼたいいん ほうりんじ
宗派:高野山真言宗
本尊:涅槃釈迦如来
真言:のうまく さんまんだ ぼだなん ばく
徳島県阿波市土成町土成字田中198-2
");
map.addLayer(markers[109]);
function flyto_109() { //目次と連動
map.flyTo(new L.LatLng(34.104378,134.333814),16); //マーカーの座標と連動
}
markers[110] = L.marker([34.10775,134.304278], {icon: icon_pink}).bindTooltip("第十番 得度山 灌頂院 切幡寺").bindPopup("第十番 得度山 灌頂院 切幡寺
とくどざん かんじょういん きりはたじ
宗派:高野山真言宗
本尊:千手観世音菩薩
真言:おん ばざらたらま きりく
徳島県阿波市市場町切幡字観音129
");
map.addLayer(markers[110]);
function flyto_110() { //目次と連動
map.flyTo(new L.LatLng(34.10775,134.304278),16); //マーカーの座標と連動
}
markers[111] = L.marker([34.051667,134.3485], {icon: icon_pink}).bindTooltip("第十一番 金剛山 一乗院 藤井寺").bindPopup("第十一番 金剛山 一乗院 藤井寺
こんごうざん いちじょういん ふじいでら
宗派:臨済宗妙心寺派
本尊:薬師如来(伝弘法大師作)
真言:おん ころころ せんだり まとうぎ そわか
徳島県吉野川市鴨島町飯尾1525
");
map.addLayer(markers[111]);
function flyto_111() { //目次と連動
map.flyTo(new L.LatLng(34.051667,134.3485),16); //マーカーの座標と連動
}
markers[112] = L.marker([33.985028,134.31025], {icon: icon_pink}).bindTooltip("第十二番 摩廬山 正寿院 焼山寺").bindPopup("第十二番 摩廬山 正寿院 焼山寺
まろざん しょうじゅいん しょうさんじ
宗派:高野山真言宗
本尊:虚空蔵菩薩
真言:のうぼう あきゃしゃ きゃらばや
おん ありきゃ まりぼり そわか
徳島県名西郡神山町下分字中318
");
map.addLayer(markers[112]);
function flyto_112() { //目次と連動
map.flyTo(new L.LatLng(33.985028,134.31025),16); //マーカーの座標と連動
}
markers[113] = L.marker([34.038117,134.462683], {icon: icon_pink}).bindTooltip("第十三番 大栗山 花蔵院 大日寺").bindPopup("第十三番 大栗山 花蔵院 大日寺
おおぐりざん けぞういん だいにちじ
宗派:真言宗大覚寺派
本尊:十一面観世音菩薩
真言:おん まか きゃろにきゃ そわか
徳島県徳島市一宮町西丁263
");
map.addLayer(markers[113]);
function flyto_113() { //目次と連動
map.flyTo(new L.LatLng(34.038117,134.462683),16); //マーカーの座標と連動
}
markers[114] = L.marker([34.050333,134.475639], {icon: icon_pink}).bindTooltip("第十四番 盛寿山 延命院 常楽寺").bindPopup("第十四番 盛寿山 延命院 常楽寺
せいじゅざん えんめいいん じょうらくじ
宗派:高野山真言宗
本尊:弥勒菩薩
真言:おん まい たれいや そわか
徳島県徳島市国府町延命606
");
map.addLayer(markers[114]);
function flyto_114() { //目次と連動
map.flyTo(new L.LatLng(34.050333,134.475639),16); //マーカーの座標と連動
}
markers[115] = L.marker([34.055611,134.473611], {icon: icon_pink}).bindTooltip("第十五番 薬王山 金色院 国分寺").bindPopup("第十五番 薬王山 金色院 国分寺
やくおうざん こんじきいん こくぶんじ
宗派:曹洞宗
本尊:薬師如来
真言:おん ころころ せんだり
まとうぎ そわか
徳島県徳島市国府町矢野718-1
");
map.addLayer(markers[115]);
function flyto_115() { //目次と連動
map.flyTo(new L.LatLng(34.055611,134.473611),16); //マーカーの座標と連動
}
markers[116] = L.marker([34.068472,134.474344], {icon: icon_pink}).bindTooltip("第十六番 光耀山 千手院 観音寺").bindPopup("第十六番 光耀山 千手院 観音寺
こうようざん せんじゅいん かんおんじ
宗派:高野山真言宗
本尊:千手観世音菩薩
真言:おん ばざらたらま きりく そわか
徳島県徳島市国府町観音寺49-2
");
map.addLayer(markers[116]);
function flyto_116() { //目次と連動
map.flyTo(new L.LatLng(34.068472,134.474344),16); //マーカーの座標と連動
}
markers[117] = L.marker([34.085167,134.485444], {icon: icon_pink}).bindTooltip("第十七番 瑠璃山 真福院 井戸寺").bindPopup("第十七番 瑠璃山 真福院 井戸寺
るりざん しんぷくいん いどじ
宗派:真言宗善通寺派
本尊:七仏薬師如来
真言:おん ころころ せんだり まとうぎ そわか
徳島県徳島市国府町井戸北屋敷80-1
");
map.addLayer(markers[117]);
function flyto_117() { //目次と連動
map.flyTo(new L.LatLng(34.085167,134.485444),16); //マーカーの座標と連動
}
markers[118] = L.marker([33.986,134.57825], {icon: icon_pink}).bindTooltip("第十八番 母養山 宝樹院 恩山寺").bindPopup("第十八番 母養山 宝樹院 恩山寺
ぼようざん ほうじゅいん おんざんじ
宗派:高野山真言宗
本尊:薬師如来
真言:おん ころころ せんだり まとうぎ そわか
徳島県小松島市田野町字恩山寺谷40
");
map.addLayer(markers[118]);
function flyto_118() { //目次と連動
map.flyTo(new L.LatLng(33.986,134.57825),16); //マーカーの座標と連動
}
markers[119] = L.marker([33.967861,134.605806], {icon: icon_pink}).bindTooltip("第十九番 橋池山 摩尼院 立江寺").bindPopup("第十九番 橋池山 摩尼院 立江寺
きょうちざん まにいん たつえじ
宗派:高野山真言宗
本尊:延命地蔵菩薩
真言:おん かかかび さんまえい そわか
徳島県小松島市立江町若松13
");
map.addLayer(markers[119]);
function flyto_119() { //目次と連動
map.flyTo(new L.LatLng(33.967861,134.605806),16); //マーカーの座標と連動
}
markers[120] = L.marker([33.913861,134.505611], {icon: icon_pink}).bindTooltip("第二十番 霊鷲山 宝珠院 鶴林寺").bindPopup("第二十番 霊鷲山 宝珠院 鶴林寺
りゅうじゅざん ほうじゅいん かくりんじ
宗派:高野山真言宗
本尊:地蔵菩薩(伝弘法大師作)
真言:おん かかかび さんまえい そわか
徳島県勝浦郡勝浦町生名鷲ヶ尾14
");
map.addLayer(markers[120]);
function flyto_120() { //目次と連動
map.flyTo(new L.LatLng(33.913861,134.505611),16); //マーカーの座標と連動
}
markers[121] = L.marker([33.882528,134.521889], {icon: icon_pink}).bindTooltip("第二十一番 舎心山 常住院 太龍寺").bindPopup("第二十一番 舎心山 常住院 太龍寺
しゃしんざん じょうしゅういん たいりゅうじ
宗派:高野山真言宗
本尊:虚空蔵菩薩
真言:おん のうぼう あきゃしゃらばや
ありきゃまり ぼり そわか
徳島県阿南市加茂町龍山2
");
map.addLayer(markers[121]);
function flyto_121() { //目次と連動
map.flyTo(new L.LatLng(33.882528,134.521889),16); //マーカーの座標と連動
}
markers[122] = L.marker([33.851833,134.582778], {icon: icon_pink}).bindTooltip("第二十二番 白水山 医王院 平等寺").bindPopup("第二十二番 白水山 医王院 平等寺
はくすいざん いおういん びょうどうじ
宗派:高野山真言宗
本尊:薬師如来
真言:おん ころころ せんだり まとうぎ そわか
徳島県阿南市新野町秋山177
");
map.addLayer(markers[122]);
function flyto_122() { //目次と連動
map.flyTo(new L.LatLng(33.851833,134.582778),16); //マーカーの座標と連動
}
markers[123] = L.marker([33.732306,134.527583], {icon: icon_pink}).bindTooltip("第二十三番 医王山 無量寿院 薬王寺").bindPopup("第二十三番 医王山 無量寿院 薬王寺
いおうざん むりょうじゅいん やくおうじ
宗派:高野山真言宗
本尊:厄除薬師如来(伝弘法大師作)
真言:おん ころころ せんだり まとうぎ そわか
徳島県海部郡美波町奥河内寺前285-1
");
map.addLayer(markers[123]);
function flyto_123() { //目次と連動
map.flyTo(new L.LatLng(33.732306,134.527583),16); //マーカーの座標と連動
}