嵌入 Google Map

地圖

在網頁中嵌入 Google Map 教學。

2025/02/05

首先選擇指定地點，例如宜蘭。點選分享

接著點選嵌入地圖

將提供的 HTML 複製下來，會出現類似下面的 code，直接將整段複製到 HTML 上即可使用

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15804.984024525394!2d121.75014777324903!3d24.75061000242237!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3467e4c225a758e3%3A0xfe16b2785e461682!2zMjYw5a6c6Jit57ij5a6c6Jit5biC5a6c6Jit!5e0!3m2!1szh-TW!2stw!4v1738744432938!5m2!1szh-TW!2stw" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

若想調整嵌入地圖大小，可以調整上面的 width="600" 與 height="450"，若想左右填滿則可使用 width="100%"。