HTML & CSS ? 如何在網站上添加 google 地圖(嵌入式可自定義名稱)

如何在網站上添加 google 地圖(嵌入式可自定義名稱)

發表于: HTML & CSS. 評論
Sponsor

為方便用戶尋找到公司地址,網站的聯系我們頁面通常會加入地圖,但如果只是圖片格式就太不智能了吧,之前我們介紹過《給網站添加百度地圖》一文,但如果我們做的是英文網站,并面向的是國外用戶呢?那么就需要添加 Google 地圖了,今天就介紹如何嵌入谷歌地圖到您的網站上的方法,其實很簡單,接下來一起學習吧。

添加谷歌地圖教程

1、首先您得注冊有 Google 的賬號,如果沒有,就想辦法注冊吧。

2、進入我的地圖頁面:https://www.google.com/maps

3、在搜索框輸入名稱,然后回車進行搜索,此時應該會搜索出您要的地點了

4、點擊「添加至地圖」

5、因為現在的名稱不是我們想要的,所以點擊「編輯」圖標進行更改

6、添加公司的名稱、說明后,點擊「保存」按鈕即可

7、開啟「共享」,需要開放共享才能讓其它用戶瀏覽您的地圖。操作方法:點擊「共享」按鈕,然后根據提示操作即可

8、將地圖嵌入到網站。

此時地圖已經初步完成,您還可以設置樣式、上傳圖片等操作。接下來就是添加到網站了。

點擊3點按鈕,選擇「嵌入我的網站中」

9、此時會得到一串代碼,將它復制到您的頁面里就可以啦!

總結

整個添加過程都是如此簡單,只要您能訪問谷歌就可以輕松的把地圖嵌入到網站里,小編認為 Google 比百度的強大一點,因為百度好像很久都沒有更新了,樣式實在老舊難看,不像 google map 那樣多的個性化設置。

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }