2010-07-12 78 views
1

我試圖在我的移動網站上創建一個主頁,其中當前位置的Google地圖停留在背景中,同時圖標懸浮在其上。要做到這一點的唯一方法是使用地圖的靜態圖像,但我無法找到一種方法來提取我當前位置的靜態地圖。有人知道怎麼做嗎?獲取當前位置的Google靜態地圖?

回答

1

不知道這是「唯一的方法」去做你想做的。但是,如果你希望得到您的當前位置的靜態地圖,你可以做到以下幾點:與navigator.geolocation

  1. 獲得位置(在較新的網路瀏覽器使用)
  2. 構建靜態地圖網址與返回座標
  3. 在您的網站某處使用靜態地圖圖片。

這裏是代碼(由<body onLoad="setBgMap()">運行),將頁面的背景圖像設置地圖您的當前位置:

function handler(location) { 
    var ll, url; 
    ll = [location.coords.latitude, location.coords.longitude].join(','); 
    url = "http://maps.google.com/maps/api/staticmap?center=" + ll + "&markers=" + ll + "&zoom=14&size=400x400&sensor=false"; 
    document.body.background = url; 
} 
function setBgMap() { 
    navigator.geolocation.getCurrentPosition(handler); 
} 
+0

完美地工作,太感謝你了! – MapWeb 2010-07-13 01:39:37