如何使用JavaScript创建用户当前位置的Google地图

时间:2012-08-02 13:07:36

标签: javascript html google-maps geolocation geocoding

我检查了我的问题的解决方案,但我得到的是由Google分配给静态经度和纬度的代码。

这是JavaScript代码:

var map = new google.maps.Map(mapDiv, {
    center: new google.maps.LatLng(37.4419, -122.1419),
    zoom: 13,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

我想根据用户位置使其动态化。

3 个答案:

答案 0 :(得分:4)

你可以试试这个......

http://netmera.com/location/js/geolocation.js 添加geolocation.js脚本你的html,然后在代码下面试试。

$.geolocation.find(function(location) {
 var lat = location.latitude;
 var lng = location.longitude;

  var map = new google.maps.Map(mapDiv, {
    center: new google.maps.LatLng(lat, lng),
    zoom: 13,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
});

答案 1 :(得分:1)

您可以通过HTML5 GeoLocation API获取用户的经度和纬度(请参阅here示例代码)并传递检索到的值。

答案 2 :(得分:1)

您需要使用HTML5 Geolocation API。因素数量:用户必须允许您的网站收集有关您位置的信息,否则,您将无法收集信息。其次,即使信息也不总是准确的。在收集位置信息时,API使用许多资源,包括服务器在当前IP地址上放出页面的位置,或者如果他在GPRS设备中查看您的网站,则可能使用用户GPRS服务。在任何一种情况下,您获得确切位置的可能性都不大,您几乎总能指望一个大致的位置。