Google Maps benutzerdefinierte Infofenster

Question

http://plnkr.co/edit/VcsNt1roifC0n64MgzrP

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

Linie 126: Der Versuch, ein custominfo Fenster zu ziehen (in denen ich html haben) für meine Polygon-Layer. Ich komme nicht dazu, es zur Arbeit zu bringen, wenn ich oben auf der Bühne bin; Dadurch wird meine Karte nicht geladen. Jede Hilfe wird geschätzt.

===

Linie 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() { 

}); 

Es funktioniert so weit wie hier ... aber wenn ich folgendes hinzufügen es bricht:

//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 Info-Fenster wie folgt aus , Sie können jedes HTML in der Beschreibungsvariablen schreiben, wie in meinem Fall schreibe ich HTML meiner eigenen Notwendigkeit.

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); 
        });