Googleマップ用CSSスタイルシートinfoWindows

Question

私のウェブアプリケーションでは、Googleマップにインフォウィジェットを表示しています。

デフォルトのデザインは非常に原始的なものなので、私はもっと素敵なものをお持ちです。

私が含めることができるCSSスタイルシートはありますか？これはinfoWindowsにすばらしいスタイルを提供しますか？

これまで有用なものは見つかりませんでした。

ありがとうございます！情報ウィンドウのための

Answer 1

書き込みのCss

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

HTML要素を含んでおり、その後、情報ウィンドウの内容として設定した文字列を作成します。

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