こんにちは、はっちゃんです。 今回はinfobox.jsの使い方をご説明します。 Google Mapをサイトに埋め込む際、Google Mapから取得できるURLで iframe として表示させるのではなく、スタイルやピンの画像を自由にカスタマイズできる「Google Maps JavaScript API v3」を使用することが多いですよね。 デフォルトのメソッド、InfoWindowの使い方 生成したDOMは、InfoWindowのオプションから、contentをvalueに設定するだけで簡単に表示できます。 See the Pen infowindow by k_hatsushi (@hatsushi_kazuya) on CodePen. ですが、たとえば「枠の色を変えたいなー」と思っても、従来のInfoWindowメソッドを使用して作ったDOMだと、枠の内側にもうひとつ枠が生成
![Google Maps JavaScript API v3で作る「フキダシの枠」をカスタマイズ!infobox.jsの使い方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/9995c575bea0ad9f155be571645865c627881d12/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2017%2F05%2F149550102781823600_35.jpg)