var layer01="layer01に対する[xx.kml]又は[xx.kmz]ファイルの格納場所";
var layer02="layer02に対する[xx.kml]又は[xx.kmz]ファイルの格納場所";
var layer03="layer03に対する[xx.kml]又は[xx.kmz]ファイルの格納場所";
var layer=layer01;//初期表示のレイヤー指定
var clickTuch;
if (window.ontouchstart === undefined){clickTuch=1; }else if (window.ontouchstart === null){clickTuch=0;};

function initMap() {
  var map = new google.maps.Map(document.getElementById('mapbox'), {
    zoom: 13/*ズーム値*/, center: {lat:緯度, lng:経度} });
    var ctaLayer = new google.maps.KmlLayer({url:layer, map: map });
};

$(function() {
  var btnId;
  function maplayer(){
    if(btnId == "btn01"){layer=layer01;}
    else if(btnId == "btn02"){layer=layer02;}
    else if(btnId == "btn03"){layer=layer03;};
    ;initMap();
  };
  function btnselct(){
    var cvalue ='#' + btnId;
    var xcolor = $(cvalue).css('background-color');
    var hexcolor = (function(r, g, b) {/*RGB から hex に変換する(bit 計算式)*/
　   return '#' + (function(n) {return new Array(7 - n.length).join('0') + n;})
    ((r << 16 | g << 8 | b).toString(16));
  }).apply(this, xcolor.match(/\d+/g)); 
  if(hexcolor === '#b3b3b3'){ $('.btn').css({'background-color':'#b3b3b3'});
    $(cvalue).css({'background-color':'#ff7600'}); maplayer(); }; 
  };
  if (clickTuch===1){
    $('.btn').bind('click', function(){btnId = $(this).attr("id"); btnselct();});
　 　 }else{ $('.btn')
    .on('touchstart',function(){isTouch=true;})
    .on('touchmove',function(){isTouch=false;})
    .on('touchend',function(){ if(isTouch == true){ btnId = $(this).attr("id"); btnselct(); };
　 });
  };
});