第八堂

這次上的課 是做有關google maps的東西 一開始我們先使用<iframe>在我們的網頁中置入另一個網頁 也就是google maps

再來我們分析google maps的網址 可以發現一些特定的密碼 決定顯示出來的地圖 像q決定經緯度座標 而z表示放大程度 我們就可以利用這點 設一個方程式 只要轉換裡面q的部分 就可以顯示你想顯示的位置只要你知道座標 

http://maps.google.com.tw/maps?f=q&hl=zh-TW&q=24.121308,120.677175&z=16&t=q&output=embed

或是可以應用在之前教的取得網址裡的參數GetUrlVar 直接改網址來決定你要顯示的地圖

在網址中指定?loc=座標 然後解析網址參數後直接帶入地圖網址

function map(loc) {

var str="https://maps.google.com.tw/maps?f=q&hl=zh-                                                                TW&q="+loc+"&z=8&t=q&output=embed"

document.getElementById("map").setAttribute("src", str);

}

// 取得網址裡的參數

function GetUrlVar(VarName)

{

 name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");

 var regexS = "[\\?&]" + VarName + "=([^&#]*)";

 var regex = new RegExp(regexS);

var results = regex.exec(window.location.href);

if (results == null)

return "";

 else

return results[1];

}

var d = decodeURIComponent(GetUrlVar('pidd'));

再來你也可以在地圖上顯示路徑 saddr表示起點位置 daddr表示終點位置 一樣是改網址裡的參數就可以改變地圖