获取当前位置的Google静态地图?

时间:2010-07-12 21:13:31

标签: google-maps google-api

我正在尝试在我的移动网站上创建一个主页,其中我的当前位置的谷歌地图保留在后台,而图标浮在它上面。唯一的方法是使用地图的静态图像,但我无法想出一种方法来拉出当前位置的静态地图。有谁知道怎么做?

1 个答案:

答案 0 :(得分:1)

不确定这是“做你想要的唯一方法”。但是,如果您想获得当前位置的静态地图,可以执行以下操作:

  1. 使用navigator.geolocation获取排名(可在较新的网络浏览器上使用)
  2. 使用返回的坐标构建静态地图网址
  3. 在您网站的某处使用静态地图图片。
  4. 以下是代码(由<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);
    }