//°íÀå½Å°í ºÎºÐ function submitAs() { event.preventDefault(); if (!$("#icheckbox").prop("checked")) { alert("°³ÀÎÁ¤º¸ ¼öÁý µ¿ÀÇ°¡ µÇÁö ¾Ê¾Ò½À´Ï´Ù."); return; } let form = document.getElementById("asForm"); let formData = new FormData(form); fetch('https://castprocsms.kr:8443/as', { method: 'POST', body: formData }) .then(response => { return response.json(); }) .then(data => { if (data.status == 200) { alert("°íÀå½Å°í µî·Ï ¿Ï·á"); } else { alert("°íÀå½Å°í µî·Ï¿¡ ½ÇÆÐ ÇÏ¿´½À´Ï´Ù.nÀá½Ã ÈÄ, ´Ù½Ã ½ÃµµÇØ ÁֽʽÿÀ"); } console.log(data); }) .catch(error => { console.log(error); }); } //ÃæÀü¼Ò ã±â ºÎºÐ var mapContainer = document.getElementById('map'), // Áöµµ¸¦ Ç¥½ÃÇÒ div mapOption = { center: new kakao .maps .LatLng(35.8528, 127.6836), // ÁöµµÀÇ Áß½ÉÁÂÇ¥ level: 11 // ÁöµµÀÇ È®´ë ·¹º§ }; var map = new kakao .maps .Map(mapContainer, mapOption); let markers = []; var selectInfoWindow; function getStationInfo() { //event.preventDefault() if (selectInfoWindow) { removeInfo() } const data = { sido: $("#sido").val(), memberName: $("#memberName").val(), statName: $("#statName").val() }; const params = new URLSearchParams(data); fetch( 'https://castprocsms.kr:3003/station/address/all?' + params.toString(), {method: 'GET'} ) .then(response => { return response.json(); }) .then(data => { if (data.resultCode == "000") { // ¸¶Ä¿ ¸®¼Â resetMarkers(); for (const stationInfo of data.resultMessage) { var mapIwContent = `
ÃæÀü¼Ò: ${stationInfo.statName}
`; var iwContent = `
ȸ¿ø»ç: ${stationInfo.member_name}
ÃæÀü¼ÒID: ${stationInfo.statId}
ÃæÀü¼Ò: ${stationInfo.statName}
¼ÒÀ¯ÀÚ: ${stationInfo.ownerName}
°ü¸®ÀÚ: ${stationInfo.adminName}
´ã´çÀÚ ¹øÈ£: ${stationInfo.businessTel}
ÃæÀü±â °¹¼ö: ${stationInfo.chargerCnt}
ÁÖ¼Ò: ${stationInfo.addr}
»ó¼¼ÁÖ¼Ò: ${stationInfo.addr2}
`; const position = new kakao .maps .LatLng(stationInfo.latitude, stationInfo.longitude); addMarker(position, mapIwContent, iwContent); } } else { alert("ÃæÀü¼Ò Á¤º¸ Á¶È¸¿¡ ½ÇÆÐ ÇÏ¿´½À´Ï´Ù."); } }) .catch(error => { console.error(error); alert("ÃæÀü¼Ò Á¤º¸ Á¶È¸¿¡ ½ÇÆÐ ÇÏ¿´½À´Ï´Ù."); }); } function addMarker(position, mapIwContent, iwContent) { // ¸¶Ä¿ »ý¼º var marker = new kakao .maps .Marker({position}); var markerImage = new kakao .maps .MarkerImage( '/base/img/main/icon/map-blue-icon.png', new kakao.maps.Size(15, 15) ); marker.setImage(markerImage); // Áöµµ¿¡ ¸¶Ä¿ Ç¥½Ã marker.setMap(map); // ÅÇ ÀÎÆ÷ À©µµ¿ì var tabinfowindow = new kakao .maps .CustomOverlay( {position: position, content: iwContent, xAnchor: 0.5, yAnchor: 1.18} ); // ÀÎÆ÷À©µµ¿ì »ý¼º var infowindow = new kakao .maps .CustomOverlay( {position: position, content: mapIwContent, xAnchor: 0.5, yAnchor: 1.4} ); // ¸¶Ä¿¿¡ ¸¶¿ì½º¿À¹ö À̺¥Æ® µî·Ï kakao .maps .event .addListener(marker, 'mouseover', function () { infowindow.setMap(map); }); // ¸¶Ä¿¿¡ ¸¶¿ì½º¾Æ¿ô À̺¥Æ® µî·Ï kakao .maps .event .addListener(marker, 'mouseout', function () { if (selectInfoWindow != infowindow) { infowindow.setMap(null); } }); // ¸¶Ä¿¿¡ Ŭ¸¯À̺¥Æ®¸¦ µî·ÏÇÕ´Ï´Ù kakao .maps .event .addListener(marker, 'click', function () { infowindow.setMap(map); if (selectInfoWindow) { removeInfo(); } selectInfoWindow = infowindow; // infowindow var infoContent = tabinfowindow.getContent(); //.info element var infoElement = document.querySelector('.info'); if (infoElement) { // .info¿¡ .spread Á¦°Å if (infoElement.innerHTML === infoContent) { infoElement.innerHTML = ''; infoElement .classList .remove('spread') } //.info¿¡ .spreadÃß°¡ else { infoElement.innerHTML = infoContent; infoElement .classList .add('spread'); } } }); markers.push(marker); } function removeInfo() { selectInfoWindow.setMap(null); } function resetMarkers() { for (let i = 0; i < markers.length; i++) { markers[i].setMap(null); } } $("#findBtn").click();