css-stylesheet für google map infoWindows

Question

In meiner Webapplikation zeige ich infoWindows in einer Google Map.

Das Standarddesign ist sehr primitiv und ich hätte gerne etwas Schöneres.

Gibt es ein CSS-Stylesheet verfügbar, das ich hinzufügen kann, die schöne Stile für die InfoWindows bietet?

Ich habe bisher nichts Nützliches gefunden.

Danke!

Answer 1

schreiben Css für Info-Fenster

<style type="text/css"> 
    .info-win { 
     padding: 5px; 
     width: 350px; 
     overflow: hidden; 
     line-height: 1.8; 
     font-weight: bold; 
     margin: 0; 
    } 
</style> 

einen String erzeugen, die HTML-Elemente enthalten und es dann als Inhalt des Infofensters gesetzt.

var htmlcontent = '<div class="info-win"><span><p style="background:#CCDF31;padding:3px 5px;color:#000;">Info Win Design</p></span></div>'; 

    var infowindow = new google.maps.InfoWindow({ 
      content: htmlcontent 
     });