JavaScript_기본 지식에서 객체에 속성을 추가하는 것에 대한 오해 소개

MenuControl.prototype.boxDisplay = false;//레이어 선택 메뉴 표시 여부
MenuControl.prototype.controlUI;
MenuControl.prototype.show = function(){
if( pointControl.boxDisplay){
pointControl.hide();
}
menuBoxDiv.style.display = "";
this.boxDisplay =
this.controlUI.style.BackgroundColor = '#DDDDDD';
};
MenuControl.prototype.hide = function(){
menuBoxDiv.style.display = "none";
this.boxDisplay = false; controlUI.style.BackgroundColor = 'white'};
//레이어 선택 스위치
function MenuControl(controlDiv, map) {
controlDiv.style.padding = '5px'; var controlUI = document.createElement('div');
this.controlUI = controlUI;
controlUI.style.groundColor = 'white';
controlUI.style.height =
controlUI.style.borderStyle = 'solid';
controlUI.style.borderWidth = '1px';
controlUI.style.cursor = '포인터'
controlUI.style.textAlign
controlUI.title = '메뉴를 활성화하려면 클릭';
controlDiv.appendChild(controlUI)


var controlText = document.createElement('div')
controlText.style .fontFamily = 'Arial,sans -serif';
controlText.style.fontSize = '12px';
controlText.style.paddingLeft = '4px'
controlText.style.paddingRight = '4px';
controlText.innerHTML = '레이어 선택';
controlUI.appendChild(controlText)


google.maps.event.addDomListener(controlUI, ' click', function( ) {
if(menuControl.boxDisplay){
menuControl.hide()
}else{
menuControl.show()
}
}) ;
}
//포인트 전환 프레임
PointControl.prototype.boxDisplay = false;//레이어 선택 메뉴 표시 여부
PointControl.prototype.controlUI
PointControl.prototype.show = function(){
if(menuControl.boxDisplay){
menuControl.hide();
}
pointBoxDiv.style.display = ""; 🎜>this.controlUI .style.groundColor = '#DDDDDD';
};
PointControl.prototype.hide = function(){
pointBoxDiv.style.display = "none"; .boxDisplay = false;
this.controlUI.style.backColor = 'white';
function PointControl(controlDiv, map) {
controlDiv.style.padding


var controlUI = document.createElement('div');
this.controlUI = controlUI;
controlUI.style.BackgroundColor =
controlUI.style.height = '18px';
controlUI.style.borderStyle = 'solid';
controlUI.style.borderWidth = '1px';
controlUI.style.cursor =
controlUI.style .textAlign = 'center';
controlUI.title = '제어점 메뉴 클릭';
controlDiv.appendChild(controlUI)


var controlText = document.createElement('div ');
controlText.style.fontFamily = 'Arial,sans-serif';
controlText.style.fontSize = '12px';
controlText.style.paddingLeft = '4px'; .style.paddingRight = ' 4px';
controlText.innerHTML = '점'
controlUI.appendChild(controlText)


google.maps .event.addDomListener( controlUI, 'click', function() {
if(pointControl.boxDisplay){
pointControl.hide();
}else{
pointControl.show();
}
})
}


은 오른쪽에 두 개의 div 버튼이 있습니다.


요건은


하위 메뉴가 이미 열려 있는지 확인하고, 그렇다면 먼저 닫은 후 다시 열어보세요.