カレンダー

2024年11月 2025年1月

+ 検索オプション

2024年12月発売の発売・イベント情報

全国の最新のお出かけスポット、展覧会、カルチャーイベントや、雑貨などアイテムの発売情報

106件

地図で表示

' + '

' + img_tag + '

' + '

'+map.name+'

' + ""+ map.cap + "" '

' + '

' return popup } async function initMap(do_fitbounds, do_cluster){ var markers = []; var infoWindow = []; if(center != null){ gmap = new Map(document.getElementById('googlemap'), { // bind map to #map center: {lat: parseFloat(center.lat), lng: parseFloat(center.lng)}, zoom: zoom, mapId: "googlemap" }); // center marker var marker = new AdvancedMarkerElement({ position: {lat: parseFloat(center.lat), lng: parseFloat(center.lng)}, map: gmap, }); popup = get_popup(center) var infoWindow = new google.maps.InfoWindow({ // 吹き出し content: "現在地" }) markerEvent(gmap, marker, infoWindow); }else{ gmap = new Map(document.getElementById('googlemap'), { // bind map to #map center: {lat: parseFloat(markerData[0]['lat']), lng: parseFloat(markerData[0]['lng'])}, zoom: zoom }); } map_bounds = createMarker(gmap, markers, infoWindow, do_fitbounds, do_cluster) } let isActive = false let isLaunched = false let height = "600px" let pc_show_state = {display: "block", "margin-bottom": "1rem", width: "100%", height: height, "margin-top": "2rem"} let mb_show_state = {display: "block", "margin-bottom": "1rem", width: "100%", height: "100vh", position: "fixed", top: 0, left: 0, "z-index": 1000} function showMap(){ if($(window).width() > 1024){ $("#googlemap").css(pc_show_state) $('html, body').animate({ scrollTop: $("h1.sch_h1").offset().top - 100 }, 500); // スクロールの速度（ミリ秒） }else{ $("#googlemap").css(mb_show_state) } } function permissionSuccess(pos){ const lat = pos.coords.latitude; //緯度を取得して定数latに代入 const lng = pos.coords.longitude; //経度を取得して定数lngに代入 center = {lat: lat, lng: lng} showMap() zoom = 15 initMap(hasDist, doCluster) isLaunched = true isActive = true $(".maplink span").html("地図を閉じる") } function permissionFail(error){ $("#googlemap").after("

位置情報の取得に失敗しました

") showMap() center = {lat: 35.6580, lng: 139.7016} zoom = 10 initMap(hasDist, doCluster) isLaunched = true isActive = true $(".maplink span").html("地図を閉じる") } function requestPermission(){ $(".map_msg").remove() if (navigator.geolocation) { //Geolocation APIを利用できる環境向けの処理 navigator.geolocation.getCurrentPosition( permissionSuccess, permissionFail ); } else { showMap() center = {lat: 35.6580, lng: 139.7016} zoom = 10 initMap(hasDist, doCluster) isLaunched = true isActive = true $(".maplink span").html("地図を閉じる") } } $(".maplink").click(function(){ if(isLaunched){ if(isActive){ $("#googlemap").css({height:"0", display: "none"}) $("#googlemap").css("margin-bottom", 0) $(".map_msg").remove() }else{ showMap() } isActive = !isActive if(isActive){ $(".maplink span").html("地図を閉じる") }else{ $(".maplink span").html("地図で表示") } }else{ requestPermission() } }) } main() })