// JavaScript Document
// PHPに変換して掲載
// このJavaScriptはアップしない !!
// 坂東三十三観音 神奈川県

// 地理院タイル出典の共通の表示
var mbAttr = "<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>地理院タイル</a>";
//地理院地図
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: '&copy; <a href="https://www.openstreetmap.org/copyright" target="_blank" >OpenStreetMap</a> contributors'});
//Esri 道路地図
esri_worldStreet = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}', {
attribution: 'Tiles &copy; Esri &mdash; 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 &copy; Esri &mdash; 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 &copy; Esri &mdash; 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 &copy; Esri &mdash; 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: "<a href='https://developers.google.com/maps/documentation' target='_blank'>Google Map</a>"});
//デフォルトの設定 - 地図中心点・ズーム値・レイヤーデフォルト表示
var map = L.map('map', {center: [35.979444,139.7085893], 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 &copy; 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_LightPink = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/LightPink.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_Tomato = L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Tomato.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_DarkOrange = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/DarkOrange.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_DeepSkyBlue = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/DeepSkyBlue.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_Plum = L.icon({iconUrl:'/map_icon_Leaflet/icon-with_shadow/Plum.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_PaleGreen = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/PaleGreen.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_Cyan = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/Cyan.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
icon_LemonChiffon = L.icon({iconUrl: '/map_icon_Leaflet/icon-with_shadow/LemonChiffon.png',iconSize:[32,32],iconAnchor: [10, 32],popupAnchor: [0, -31]});
// マーカーの作成
markers[101] = L.marker([35.32258,139.567444], {icon: icon_LightPink}).bindTooltip("第一番 大蔵山 杉本寺（杉本観音）").bindPopup("<div class='moji14 bold'>第一番 大蔵山 杉本寺（杉本観音）</div><div class='moji13 ml15'><div>だいぞうざん すぎもとでら</div><div>宗派：天台宗</div><div>本尊：十一面観世音菩薩</div>神奈川県鎌倉市二階堂903</div><div class='mt5'>・<a href='https://bandou.gr.jp/temple/81/' target='_blank' rel='external'>坂東三十三観音サイトへ ≫</a><br>・<a href='http://goo.gl/maps/i4lWE' target='_blank' rel='external'>Google マップで見る ≫</a><br>・<a href='http://binged.it/TCvzsO' target='_blank' rel='external'>Bing マップで見る ≫</a></div><div align='right' class='pr15'><a href='javascript:map.setZoom(map.getZoom()+1);'><img src='/benri_img/g-map-zoomin.png' width='18' height='18'></a>　<a href='javascript:map.setZoom(map.getZoom()-1);'><img src='/benri_img/g-map-zoomout.png' width='18' height='18'></a></div></div>");
map.addLayer(markers[101]);
function flyto_101() { //目次と連動
map.flyTo(new L.LatLng(35.32258,139.567444),16);  //マーカーの座標と連動
}

markers[102] = L.marker([35.305056,139.572306], {icon: icon_LightPink}).bindTooltip("第二番 海雲山 岩殿寺（岩殿観音）").bindPopup("<div class='moji14 bold'>第二番 海雲山 岩殿寺（岩殿観音）</div><div class='moji13 ml15'><div>かいうんざん がんでんじ</div><div>宗派：曹洞宗</div><div>本尊：十一面観世音菩薩</div>神奈川県逗子市久木5-7-11</div><div class='mt5'>・<a href='https://bandou.gr.jp/temple//海雲山-岩殿寺（岩殿観音）/' target='_blank' rel='external'>坂東三十三観音サイトへ ≫</a><br>・<a href='http://goo.gl/maps/Do12j' target='_blank' rel='external'>Google マップで見る ≫</a><br>・<a href='http://binged.it/TCzmpY' target='_blank' rel='external'>Bing マップで見る ≫</a></div><div align='right' class='pr15'><a href='javascript:map.setZoom(map.getZoom()+1);'><img src='/benri_img/g-map-zoomin.png' width='18' height='18'></a>　<a href='javascript:map.setZoom(map.getZoom()-1);'><img src='/benri_img/g-map-zoomout.png' width='18' height='18'></a></div></div>");
map.addLayer(markers[102]);
function flyto_102() { //目次と連動
map.flyTo(new L.LatLng(35.305056,139.572306),16);  //マーカーの座標と連動
}

markers[103] = L.marker([35.314189,139.555283], {icon: icon_LightPink}).bindTooltip("第三番 祇園山 安養院 田代寺（田代観音）").bindPopup("<div class='moji14 bold'>第三番 祇園山 安養院 田代寺（田代観音）</div><div class='moji13 ml15'><div>ぎおんさん あんよういん たしろじ</div><div>宗派：浄土宗</div><div>本尊：千手観世音菩薩</div>神奈川県鎌倉市大町3-1-22</div><div class='mt5'>・<a href='https://bandou.gr.jp/temple/祇園山-安養院-田代寺（田代観音）/' target='_blank' rel='external'>坂東三十三観音サイトへ ≫</a><br>・<a href='http://goo.gl/maps/rwNMU' target='_blank' rel='external'>Google マップで見る ≫</a><br>・<a href='http://binged.it/TCzs0U' target='_blank' rel='external'>Bing マップで見る ≫</a></div><div align='right' class='pr15'><a href='javascript:map.setZoom(map.getZoom()+1);'><img src='/benri_img/g-map-zoomin.png' width='18' height='18'></a>　<a href='javascript:map.setZoom(map.getZoom()-1);'><img src='/benri_img/g-map-zoomout.png' width='18' height='18'></a></div></div>");
map.addLayer(markers[103]);
function flyto_103() { //目次と連動
map.flyTo(new L.LatLng(35.314189,139.555283),16);  //マーカーの座標と連動
}
markers[104] = L.marker([35.312461,139.532953], {icon: icon_LightPink}).bindTooltip("第四番 海光山 長谷寺（長谷観音）").bindPopup("<div class='moji14 bold'>第四番 海光山 長谷寺（長谷観音）</div><div class='moji13 ml15'><div>かいこうざん はせでら</div><div>宗派：単立（浄土宗）</div><div>本尊：十一面観世音菩薩</div>神奈川県鎌倉市長谷3-11-2</div><div class='mt5'>・<a href='https://bandou.gr.jp/temple/岩殿山-安楽寺（吉見観音）/' target='_blank' rel='external'>坂東三十三観音サイトへ ≫</a><br>・<a href='http://goo.gl/maps/6Djdo' target='_blank' rel='external'>Google マップで見る ≫</a><br>・<a href='http://binged.it/SJoHem' target='_blank' rel='external'>Bing マップで見る ≫</a></div><div align='right' class='pr15'><a href='javascript:map.setZoom(map.getZoom()+1);'><img src='/benri_img/g-map-zoomin.png' width='18' height='18'></a>　<a href='javascript:map.setZoom(map.getZoom()-1);'><img src='/benri_img/g-map-zoomout.png' width='18' height='18'></a></div></div>");
map.addLayer(markers[104]);
function flyto_104() { //目次と連動
map.flyTo(new L.LatLng(35.312461,139.532953),16);  //マーカーの座標と連動
}
markers[105] = L.marker([35.280028,139.164333], {icon: icon_LightPink}).bindTooltip("第五番 飯泉山 勝福寺（飯泉観音）").bindPopup("<div class='moji14 bold'>第五番 飯泉山 勝福寺（飯泉観音）</div><div class='moji13 ml15'><div>いいずみさん しょうふくじ</div><div>宗派：真言宗</div><div>本尊：十一面観世音菩薩</div>神奈川県小田原市飯泉1161</div><div class='mt5'>・<a href='https://bandou.gr.jp/temple/飯泉山-勝福寺（飯泉観音）/' target='_blank' rel='external'>坂東三十三観音サイトへ ≫</a><br>・<a href='http://goo.gl/maps/dUImm' target='_blank' rel='external'>Google マップで見る ≫</a><br>・<a href='http://binged.it/W0zVAI' target='_blank' rel='external'>Bing マップで見る ≫</a></div><div align='right' class='pr15'><a href='javascript:map.setZoom(map.getZoom()+1);'><img src='/benri_img/g-map-zoomin.png' width='18' height='18'></a>　<a href='javascript:map.setZoom(map.getZoom()-1);'><img src='/benri_img/g-map-zoomout.png' width='18' height='18'></a></div></div>");
map.addLayer(markers[105]);
function flyto_105() { //目次と連動
map.flyTo(new L.LatLng(35.280028,139.164333),16);  //マーカーの座標と連動
}
markers[106] = L.marker([35.471611,139.303833], {icon: icon_LightPink}).bindTooltip("第六番 飯上山 長谷寺（飯山観音）").bindPopup("<div class='moji14 bold'>第六番 飯上山 長谷寺（飯山観音）</div><div class='moji13 ml15'><div>いいかみさん はせでら</div><div>宗派：高野山真言宗</div><div>本尊：十一面観世音菩薩</div>神奈川県厚木市飯山5605</div><div class='mt5'>・<a href='https://bandou.gr.jp/temple/飯上山-長谷寺（飯山観音）/' target='_blank' rel='external'>坂東三十三観音サイトへ ≫</a><br>・<a href='http://goo.gl/maps/eRLrF' target='_blank' rel='external'>Google マップで見る ≫</a><br>・<a href='http://binged.it/W59hSK' target='_blank' rel='external'>Bing マップで見る ≫</a></div><div align='right' class='pr15'><a href='javascript:map.setZoom(map.getZoom()+1);'><img src='/benri_img/g-map-zoomin.png' width='18' height='18'></a>　<a href='javascript:map.setZoom(map.getZoom()-1);'><img src='/benri_img/g-map-zoomout.png' width='18' height='18'></a></div></div>");
map.addLayer(markers[106]);
function flyto_106() { //目次と連動
map.flyTo(new L.LatLng(35.471611,139.303833),16);  //マーカーの座標と連動
}
markers[107] = L.marker([35.358755,139.288777], {icon: icon_LightPink}).bindTooltip("第七番 金目山 光明寺（金目観音）").bindPopup("<div class='moji14 bold'>第七番 金目山 光明寺（金目観音）</div><div class='moji13 ml15'><div>かなめさん こうみょうじ</div><div>宗派：天台宗</div><div>本尊：聖観世音菩薩</div>神奈川県平塚市南金目896</div><div class='mt5'>・<a href='https://bandou.gr.jp/temple/金目山-光明寺（金目観音）/' target='_blank' rel='external'>坂東三十三観音サイトへ ≫</a><br>・<a href='http://goo.gl/maps/NQNp6' target='_blank' rel='external'>Google マップで見る ≫</a><br>・<a href='http://binged.it/W59QMb' target='_blank' rel='external'>Bing マップで見る ≫</a></div><div align='right' class='pr15'><a href='javascript:map.setZoom(map.getZoom()+1);'><img src='/benri_img/g-map-zoomin.png' width='18' height='18'></a>　<a href='javascript:map.setZoom(map.getZoom()-1);'><img src='/benri_img/g-map-zoomout.png' width='18' height='18'></a></div></div>");
map.addLayer(markers[107]);
function flyto_107() { //目次と連動
map.flyTo(new L.LatLng(35.358755,139.288777),16);  //マーカーの座標と連動
}
markers[108] = L.marker([35.484889,139.398889], {icon: icon_LightPink}).bindTooltip("第八番 妙法山 星谷寺（星の谷観音）").bindPopup("<div class='moji14 bold'>第八番 妙法山 星谷寺（星の谷観音）</div><div class='moji13 ml15'><div>みょうほうさん しょうこくじ</div><div>宗派：真言宗大覚寺派</div><div>本尊：聖観世音菩薩</div>神奈川県座間市入谷3-3583-1</div><div class='mt5'>・<a href='https://bandou.gr.jp/temple/妙法山-星谷寺（星の谷観音）/' target='_blank' rel='external'>坂東三十三観音サイトへ ≫</a><br>・<a href='http://goo.gl/maps/Jf0Kk' target='_blank' rel='external'>Google マップで見る ≫</a><br>・<a href='http://binged.it/TCAgmt' target='_blank' rel='external'>Bing マップで見る ≫</a></div><div align='right' class='pr15'><a href='javascript:map.setZoom(map.getZoom()+1);'><img src='/benri_img/g-map-zoomin.png' width='18' height='18'></a>　<a href='javascript:map.setZoom(map.getZoom()-1);'><img src='/benri_img/g-map-zoomout.png' width='18' height='18'></a></div></div>");
map.addLayer(markers[108]);
function flyto_108() { //目次と連動
map.flyTo(new L.LatLng(35.484889,139.398889),16);  //マーカーの座標と連動
}
markers[114] = L.marker([35.424167,139.597417], {icon: icon_LightPink}).bindTooltip("第十四番 瑞応山 弘明寺（弘明寺観音）").bindPopup("<div class='moji14 bold'>第十四番 瑞応山 弘明寺（弘明寺観音）</div><div class='moji13 ml15'><div>ずいおうさん ぐみょうじ</div><div>宗派：高野山真言宗</div><div>本尊：十一面観世音菩薩</div>神奈川県横浜市南区弘明寺町267</div><div class='mt5'>・<a href='https://bandou.gr.jp/temple/瑞応山-弘明寺-弘明寺観音/' target='_blank' rel='external'>坂東三十三観音サイトへ ≫</a><br>・<a href='http://goo.gl/maps/eUxSY' target='_blank' rel='external'>Google マップで見る ≫</a><br>・<a href='http://binged.it/SJqNea' target='_blank' rel='external'>Bing マップで見る ≫</a></div><div align='right' class='pr15'><a href='javascript:map.setZoom(map.getZoom()+1);'><img src='/benri_img/g-map-zoomin.png' width='18' height='18'></a>　<a href='javascript:map.setZoom(map.getZoom()-1);'><img src='/benri_img/g-map-zoomout.png' width='18' height='18'></a></div></div>");
map.addLayer(markers[114]);
function flyto_114() { //目次と連動
map.flyTo(new L.LatLng(35.424167,139.597417),16);  //マーカーの座標と連動
}