사용자 정의 컨트롤 패널에 kml 레이어 확인란을 추가하는 방법

Question

몇 가지 문제가 있습니다. 사용자 정의 컨트롤 패널에 확인란을 추가하려고하지만 kml 레이어가 활성화되지 않았습니까? 내가 뭘 잘못 했니?

예 여기에 내 코드 jsfiddle.net/Gv2bN/

Answer 1

var map_search = "<div id='map-search'>"+ 
       // "<input type='text' style='width: 140px' id='search' placeholder='search'/>"+ 
       "<label><input type='checkbox' value='indoor' id='indoor' checked/> Indoor </label>"+ 
       "<br/>"+ 
       "<label><input type='checkbox' value='outdoor' id='outdoor' checked/> Outdoor </label>"+ 
       "</div>"; 

function SearchControl(controlDiv, map) { 

    // Set CSS styles for the DIV containing the control 
    // Setting padding to 5 px will offset the control 
// from the edge of the map 
controlDiv.style.padding = '5px'; 

// Set CSS for the control border 
var controlUI = document.createElement('div'); 
controlUI.style.backgroundColor = '#333'; 
controlUI.style.borderStyle = 'solid'; 
controlUI.style.borderWidth = '2px'; 
controlUI.style.width = '150px'; 
controlUI.style.cursor = 'pointer'; 
controlDiv.appendChild(controlUI); 

// Set CSS for the control interior 
var controlText = document.createElement('div'); 
controlText.style.fontFamily = 'Arial,sans-serif'; 
controlText.style.color = 'white'; 
controlText.style.fontSize = '12px'; 
controlText.style.paddingLeft = '4px'; 
controlText.style.paddingRight = '4px'; 
controlText.innerHTML = map_search; 
controlUI.appendChild(controlText); 

} 
$(function({... 
//your map call here 
    var map = $("#map-canvas").gmap3({ 
     get: { 
      name:"map", 
     } 
    });  

var searchControlDiv = document.createElement('div'); 
var searchControl = new SearchControl(searchControlDiv, map); 
searchControlDiv.index = 1; 
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(searchControlDiv); 
}); 

이 당신이 당신의 사용자 지정 컨트롤을 얻는다.