2010-07-12 80 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