在線咨詢
QQ咨詢
服務熱線
服務熱線:0512-66653835
TOP

在網站上調用谷歌地圖來展示公司地址及相關信

發布時間:2015-09-02 瀏覽:182

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

3.亚洲成AV人片无码不卡,国产精品国产三级国产专不,3.无码人妻肉日韩精品,4.成人无码精品一区二区三区