Help us understand the problem. What is going on with this article?

51歳からのプログラミング 備忘 jquery で google.maps Infowindow の要素を操作 カスタマイズ

More than 1 year has passed since last update.

jqueryやjavascriptで、google.mapsで使うinfoWindowの要素を操作。
とりあえず、cssで初期設定を変更

最初、infoWindowの要素を補足できなかったのですが、
非同期処理を参照していたことが原因。
infoWindow生成後に参照することで解決。

cssでinfoWindowの要素を設定

css
<style>
/* 吹き出し下の 下三角(▼)を操作*/
.gm-style-iw::after
    {display:none;
     /* background:rgba(255,255,255,0.7) !important;*/
    }


/* 吹き出し部の、スクロールバーを除く*/
.gm-style-iw-d
    {overflow:unset !important}


/* 吹き出しの背景の余白を調整(スクロールバーを削ったので、余白を入れて見栄えを整える*/
.gm-style-iw-c
    {paddind-right:12px  !important;
     padding-bottom:12px !important;
    }


/* infoWindowの背景色*/
.gm-style-iw
    {background-color:rgba(255,255,255,1) !important}
</style>

InfoWindowのロードイベントで処理

大変に参考になりました。ありがとうございます。

https://lab.syncer.jp/Web/API/Google_Maps/JavaScript/InfoWindow/domready/

infoWindow.addListener( "domready", function{});
イベントリスナーを設置して、infowindow読み込み後に要素を取得して操作すればOKでした。
やったね!

old_cat
2018年秋からプログラムを独学で始めた。僕には専門性も、経験も、人脈も、何もない。頭も良くない、会話や文脈把握力は著しくNG。学生さん、社会人さん、プロの方の記事を見てるとすごい! みんな天才と思う! 僕には何もないけど、プログラミングが楽しい。とても楽しい。めっちゃ楽しい。それだけが、今の僕にある感じ。みんなみたいに凄くないけれど、qiitaにお邪魔させてください。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away