//°íÀå½Å°í ºÎºÐ
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();