2017-06-26 3 views
-3

Dans mon application Web, j'indique infoWindows dans une carte google.css-feuille de style pour google map infoWindows

La conception par défaut est très primitive et je voudrais avoir quelque chose de plus agréable.

Y a-t-il une feuille de style css disponible que je puisse inclure, qui fournit de bons styles pour les fenêtres infoWindows?

Je n'ai rien trouvé d'utile jusqu'ici.

Merci!

Répondre

0

Ecrire Css pour plus d'informations Fenêtre

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

Créer une chaîne qui contiennent des éléments HTML puis définir comme contenu de la fenêtre d'information.

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