這篇文章要教你如何透過Divi Builder,將Google Map貼入到你的網頁當中,方法非常簡單,三分鐘就能完成。
1. Google Map複製置入程式碼
首先,先開啟Google Map,搜尋到你要置入的地點後,點選分享Share,接著選擇嵌入地圖Embed a map,點擊右方的複製Copy Html,把整串程式碼複製起來即可。
2.選擇Divi Module
用Divi Builder開啟你要置入地圖的頁面,有兩種Module可以使用,如果你想讓地圖的寬度跟整個頁面寬度一樣的話,可以使用第一種,全幅寬度Fullwidth Section中的Fullwidth Code。
如果不需要全幅寬度的地圖,那就使用一般的Code Module即可。
3.貼上程式碼
最後,將你剛剛從Google Map那邊複製下來的程式碼,直接Ctrl+V貼上,如果你使用的是全幅寬度Fullwidth code的話,記得先找到程式碼中的width,把後方的預設數字600改成100%,如下圖所示,這樣你的地圖才會是整個頁面的寬度喔!
如果你對於這篇文章有任何疑問或者建議,都歡迎你在底下留言給我喔:)
本文作者 – LiLing
90後的台灣女生,目前正於紐西蘭擔任多媒體設計師,擅於利用Wordpress建立網站,分享各種不必使用程式語法,也可以架設網站的101種方法。
0 Comments