https://www.akarinomoribito.com/_next/static/chunks/pages/debug/makepin-403b79367236c6ba.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5483],{6160:(t,e,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/debug/makepin",function(){return i(9936)}])},9936:(t,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>s});var n=i(4848),o=i(6540);let s=()=>{let[t,e]=(0,o.useState)(null),[i,s]=(0,o.useState)(null),[l,a]=(0,o.useState)(null),p=t=>({position:"absolute",backgroundColor:"rgba(0, 0, 0, 0.2)",[t?"width":"height"]:"1px",[t?"height":"width"]:"800px"});return(0,n.jsxs)("div",{style:{position:"relative",width:"850px",height:"850px"},children:[(()=>{let t=[];for(let e=0;e<=10;e++){let i=800*e/10;t.push((0,n.jsx)("div",{style:{...p(!0),left:"".concat(i+50,"px"),top:"50px"}},"v-".concat(e))),t.push((0,n.jsx)("div",{style:{...p(!1),top:"".concat(i+50,"px"),left:"50px"}},"h-".concat(e)))}return t})(),(0,n.jsx)("img",{src:"/map/japan_map.webp",alt:"Japan Map",style:{position:"absolute",top:"50px",left:"50px",width:"800px",height:"800px",objectFit:"contain"},onClick:t=>{e({x:t.nativeEvent.offsetX,y:t.nativeEvent.offsetY})},onMouseMove:t=>{s({x:t.nativeEvent.offsetX,y:t.nativeEvent.offsetY})},onMouseLeave:()=>{s(null)},loading:"lazy"}),t&&(0,n.jsx)("img",{src:"/map/pin.webp",alt:"Pin",style:{position:"absolute",width:"20px",left:"".concat(t.x+50,"px"),top:"".concat(t.y+50,"px"),transform:"translate(-50%, -100%)"},loading:"lazy"}),(0,n.jsxs)("div",{style:{position:"fixed",left:"10px",top:"10px",background:"rgba(255, 255, 255, 0.8)",padding:"5px",border:"1px solid black"},children:[t&&(0,n.jsxs)("div",{children:["配置されたピンの座標: ",JSON.stringify(t)]})||(0,n.jsx)("div",{children:"配置されたピンの座標: "}),i&&(0,n.jsxs)("div",{children:["現在のマウスの座標: ",JSON.stringify(i)]})||(0,n.jsx)("div",{children:"現在のマウスの座標: "}),(0,n.jsx)("button",{onClick:()=>{navigator.clipboard.writeText(JSON.stringify(t)).then(()=>{a("座標データをコピーしました"),setTimeout(()=>a(null),2e3)}).catch(()=>{a("コピーに失敗しました"),setTimeout(()=>a(null),2e3)})},children:"配置されたピンの座標をコピーする"})]}),l&&(0,n.jsx)("div",{style:{position:"absolute",top:"10px",left:"50%",transform:"translateX(-50%)",background:"#333",color:"#fff",padding:"10px 20px",borderRadius:"5px",zIndex:1e3},children:l})]})}}},t=>{var e=e=>t(t.s=e);t.O(0,[636,6593,8792],()=>e(6160)),_N_E=t.O()}]);