// const mapPickers = document.querySelectorAll('.section02__map > button');
// function onChangeMapName(e) {
// 	const { innerText, classList, value } = e.target;

// 	const selectedName = document.querySelector('.selected-tab-name');
// 	const className = 'map--selected';

// 	var areaName = innerText;
// 	var areaCode = value;

// 	var processStatus = document.getElementsByClassName('tab--selected')[0].value;
// 	var src = '/contentsAPI.html?APIID=mes_map_selected&APIType=html&areaName='+areaName+'&processStatus='+processStatus+"&areaCode="+areaCode;
// 	document.getElementsByName('selected-tab-iframe')[0].src = src;


// 	// selectedName.innerText = innerText;

// 	for (let item of mapPickers) {
// 		if (item.classList.contains(className)) {
// 			item.classList.remove(className);
// 		}
// 	}

// 	return classList.add(className);
// }



// function init() {
// 	for (let item of mapPickers) {
// 		item.addEventListener('click', onChangeMapName);
// 	}
// }

// init();



// const mapPickers = document.querySelectorAll('.section02__map > button');
// function onChangeMapName(e) {
// 	const { innerText, classList } = e.target;

// 	const selectedName = document.querySelector('.selected-tab-name');
// 	const className = 'map--selected';

// 	selectedName.innerText = innerText;

// 	for (let item of mapPickers) {
// 		if (item.classList.contains(className)) {
// 			item.classList.remove(className);
// 		}
// 	}

// 	return classList.add(className);
// }

// function init() {
// 	for (let item of mapPickers) {
// 		item.addEventListener('click', onChangeMapName);
// 	}
// }

// init();