iframe版無料GoogleMAPのHTMLを取得 WEB版のGoogleMAPを開きます https://www.google.co.jp/maps/ 「共有」マーククリック 「地図を埋め込む」タブの「HTMLをコピー」をクリックすると、以下のHTMLソースが取得できます。 取得したこのHTMLソースをベースにして変更していきます。 ※レスポンシブ対応のためにCSSにあらかじめ「width:100%」を追加してあります。 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3239.6567846113126!2d139.80851171544617!3d35.710062680187654!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60
![iframe埋め込みGoogleMAPの色を変える方法(API不要・無料)](https://cdn-ak-scissors.b.st-hatena.com/image/square/9090fee25e2ebb783ebdf2d7ee86b929aaa8cbbe/height=288;version=1;width=512/https%3A%2F%2Fonoredekaiketsu.com%2Fwp-content%2Fuploads%2F2018%2F12%2Fhowto-change-color-of-iframe-googlemap.png)