今天,騏云科技的國外客戶“孟加拉達卡華人賓館”想在網站上放上谷歌的地圖,用來展示賓館所在的地址以及賓館的相關聯系信息。因為之前調用過百度地圖,想著谷歌的功能不比百度差,所以應該也能調用,于是研究了一下,還真成功了,現在將調用的方法公布如下,大家也可以根據本教程來制作屬于自己的谷歌地圖放在網站上。
先看實例:
http://www.dhakachinesehotel.com/page/html/company.php
這個頁面的下方就是調用的谷歌地圖,調用的方法有兩種,一種是可以增加自定義信息內容,一種是不能增加,只能顯示公司的地理位置。
第一種:不能顯示自定義信息內容的。
打開map.google.com,輸入自己所在的詳細地址信息,然后點擊下圖中的那個鏈接圖標。
點擊后,會彈出這個對話框,如圖:
復制對話框“粘貼 HTML 以便嵌入到網站”下面的代碼到自己網站上即可,當然,在這里你也可以自定義地圖的大小。
第二種:可以自定義顯示信息內容
最上面的實例用的就是這種方法,大家可以下載我們制作好的地圖模板,下載http://www.dhakachinesehotel.com/googlemap.htm,或是打開后右鍵查看源代碼,將所有源代碼復制保存下來,黏貼到dw等網頁編輯工具中去,然后修改里面的文字內容即可。
需要注意的是,由于地圖編碼是utf8的,復制到文本里面中文會顯示亂碼。
好了,保存這個頁面為“googlemap.htm”然后上傳到自己空間的根目錄下。
在我們需要調用地圖的地方,插入以下代碼:
height=450指的是地圖的高度;width=600指的是地圖的寬度,這個根據實際地圖大小來修改,googlemap.htm里面有地圖的大小。
將http://www.dhakachinesehotel.com替換成自己的域名即可。
第二種方法需要有一些網頁制作的基礎知識,如果你嫌太麻煩的話,可以聯系騏云科技的客服,我們將迅速幫您處理好。
最后,祝愿大家生意興隆,財源廣進。