จะรวมตารางฟิวชันคู่หนึ่งเข้ากับ GroundOverlays จากไฟล์ KML ได้อย่างไร อัปเดตด้วยความพยายามที่จะแก้ไข (ไม่สำเร็จ)

ไฟล์ html ของคุณมีข้อผิดพลาดที่สำคัญในส่วนของจาวาสคริปต์ คุณควรศึกษาจาวาสคริปต์พื้นฐานแบบเดียวกันและโดยเฉพาะอย่างยิ่งการใช้ JS กับ GMap API

คุณสร้างวัตถุแผนที่สากล 2 รายการ คุณไม่ได้สรุปการสร้างแผนที่และเลเยอร์ทั้งหมดของคุณไว้ในการเริ่มต้นฟังก์ชัน() การสร้างแผนที่และเลเยอร์ทั้งหมดจะต้องดำเนินการภายในฟังก์ชันเตรียมใช้งาน (เมื่อโหลดเนื้อหา) คุณต้องตั้งค่า globals นอกฟังก์ชันเริ่มต้นของคุณ เช่น แผนที่ เลเยอร์ทั้งหมด ฯลฯ ในที่สุดคุณก็ล้มเหลวในการเรียก layer.setMap(map) บน 2 เลเยอร์ KML ของคุณ

แม้ว่าทั้งหมดนี้ ฉันได้แก้ไขไฟล์ของคุณแล้ว แต่จริงๆ แล้วก็แค่จัดเรียงสิ่งต่าง ๆ ใหม่ นี่เป็นเพียงส่วนที่ฉันต้องแก้ไข ย้ายทุกอย่างไปที่การเริ่มต้น ()

     function showbuildings(buildingcheck) {
    if (buildingcheck.checked == true)
      {
        campusmap.setMap(map);
      } else {
        campusmap.setMap(null);
      }
  }


  function showphilpotts(philpottscheck) {
    if (philpottscheck.checked == true)
      {
        philpotts.setMap(map);        
      } else {
        philpotts.setMap(null);
      }
  }



  function showbeartrail(beartrailcheck) {
    if (beartrailcheck.checked == true)
      {
        beartrail.setMap(map);        
      } else {
        beartrail.setMap(null);
      }
  }


var infoWindow = new google.maps.InfoWindow();

function openIW(FTevent) {
  // infoWindow.setContent(FTevent.infoWindowHtml);
  // infoWindow.setPosition(FTevent.latLng);
  infoWindow.setOptions(
    { 
     content: FTevent.infoWindowHtml,
     position: FTevent.latLng,
     pixelOffset: FTevent.pixelOffset
    });
  infoWindow.open(map);
}

// Globals
//Begin map parameters
var map;
var layer_2;
var layer_1;
var tableid_1 = 2920040;  // polygons
var tableid_2 = 3189980;  // houses
var zoom = 12;
var center = new google.maps.LatLng(43.652417455515476, -79.37926607055226);

var campusmap;
var philpotts;
var beartrail;

function initialize() {

  map = new google.maps.Map(document.getElementById('map_canvas'), {
    center: center,
    zoom: zoom,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
   //End map parameters

    campusmap = new google.maps.KmlLayer('http://wendysmithtoronto.com/mapping/1851mapshoreline.kml',  {preserveViewport:true, suppressInfoWindows:true});
    campusmap.setMap(map);

    google.maps.event.addListener(campusmap, 'click', function(kmlEvent) {
      document.getElementById('sidebarinfo').innerHTML = kmlEvent.featureData.description;
    });         

   philpotts = new google.maps.KmlLayer('http://wendysmithtoronto.com/mapping/1818maplieutphilpottsd.kml', {preserveViewport:true, suppressInfoWindows:true}); 
  google.maps.event.addListener(philpotts, 'click', function(kmlEvent) {
    document.getElementById('sidebarinfo').innerHTML = kmlEvent.featureData.description;
   });    
    philpotts.setMap(map);

    beartrail = new google.maps.KmlLayer('http://wendysmithtoronto.com/mapping/1842map-jamescaneb.kml', {preserveViewport:true, suppressInfoWindows:true}); 
  google.maps.event.addListener(beartrail, 'click', function(kmlEvent) {
    document.getElementById('sidebarinfo').innerHTML = kmlEvent.featureData.description;
  }); 
   beartrail.setMap(map);

layer_2 = new google.maps.FusionTablesLayer({
  suppressInfoWindows:true,
  query: {
    select: 'Location',
    from: '3189980'
  },
styles: [
  {where: "'style' = 14", markerOptions:{ iconName:"star"}},
  {where: "'style' = 13", markerOptions:{ iconName:"wht_pushpin"}},
  {where: "'style' = 11", markerOptions:{iconName:"red_blank"}}, //town houses
  {where: "'style' = 12", markerOptions:{ iconName:"orange_blank"}}, //country homes


  {where: "'style' = 15", markerOptions:{ iconName:"target"}},
  ]});
layer_1 = new google.maps.FusionTablesLayer({
  suppressInfoWindows:true,
  query: {
    select: 'Location',
    from: '2920040'
  }}),

 google.maps.event.addListener(layer_1, "click", openIW);
 google.maps.event.addListener(layer_2, "click", openIW);
 google.maps.event.addListener(map, "click", function() { infoWindow.close();});

layer_1.setMap(map);
layer_2.setMap(map);

} // end initialize