谷歌地图自定义信息窗口

Question

http://plnkr.co/edit/VcsNt1roifC0n64MgzrP

}); 
var node=document.createElement('div'); 
    node.innerHTML= '';//set chart URL 
    self.infowindow.setOptions({content:node,map:self.map}); 
}; 
} 

行126： 试图绘制custominfo窗口（其中我将HTML）为我的面层。一旦我到达舞台上面，我无法设法让它工作;导致我的地图不加载。任何帮助赞赏。

===

线108

// Polygon for Outlines 
self.polygon2 = new google.maps.FusionTablesLayer({ 
    suppressInfoWindows: true, 
    query: { 
    from: self.outlineFTID, 
    select: self.outlineColumn 
    }, 
    styleId: 2, 
    templateId: 2 
}); 

// generate new polygon window 
self.infowindow = new google.maps.InfoWindow(); 
google.maps.event.addListener(self.polygon1, 'click', function(e) {}); 
//call drawVisualization when the infowindow is ready 
google.maps.event.addListenerOnce(self.infowindow, 'domready', function() { 

}); 

它的工作原理，只要在这里...但是当我添加以下它打破：这样

//create the content for the infowindow 
    var node=document.createElement('div'); 
    node.innerHTML= 'hello';//set your chart URL 
    self.infowindow.setOptions({position:e.latLng,content:node,map:self.map}); 
}); 
} 

Answer 1

Cusomize信息窗口，您可以在描述变量中编写任何html，就像我的情况一样，我编写自己需要的HTML。

var description = '<h3>'+j.name+'</h3>' 
       + '<div>' 
       + '<p><b>Map:</b> Open Society Map, <a href="#" onclick="abcd(\'' 
       + mapOpengeneral + '\')">'+j.name+" "+'Map</a></p>' 
       + '</div>'; 
      var infowindow = new google.maps.InfoWindow({ 
       content : description 
      }); 
      google.maps.event.addListener(marker, 
        'mouseover', function() { 
         infowindow.open(map, marker); 
        });