Google mapの吹き出しの詳細な設定がわからないです。

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
新人エンジニアです。
正しく質問できているかどうかも怪しいレベルですのでお手柔らかにお願いします。
現在、google map apiを利用したwebサイトを作成しています。

■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

google　map上の吹き出しを細かくcssで編集することは可能でしょうか？
例えば、contentの中の"こんにちは"、"Helloworld"をそれぞれ別の色にしたり、それぞれ別のfontsizeに変更したいのですが、やり方がわかりません。
どなたか賢い方回答お願い致します。

該当のソースコード

infoWindow[i] = new google.maps.InfoWindow({
            content:`<a href="${markerData[i]['url']}">${markerData[i]['name']}</a>`+'<br><br>'+"こんにちは"+"Helloworld"

Answer 1

google.maps.InfoWindowに渡すHTMLにクラスを付けておいて、CSSで調整可能です。

【Google Maps JavaScript API v3で作る「フキダシの枠」をカスタマイズ！infobox.jsの使い方 | 株式会社LIG】
https://liginc.co.jp/344083

Comments

[tatsuki1805]

ありがとうございますーーー。
おおよそ理解しました。