如何在用户位置上制作地图中心答案

【问题标题】：How To Make a Map Center on User's Location如何在用户位置上制作地图中心
【发布时间】：2012-06-16 20:26:57
【问题描述】：

如何在客户端当前位置做地图中心，但如果当前位置无法确定，则默认为下面的LatLng。

var myOptions = {
  center: new google.maps.LatLng(12.659493, 79.415412),
  zoom: 12,
  scrollwheel: false,
  mapTypeId: google.maps.MapTypeId.ROADMAP
}

【问题讨论】：

标签： javascript google-maps google-maps-api-3 geolocation

【解决方案1】：

您可以为此目的使用 HTML 5 地理定位功能。它很接近，但不是非常精确。

Demo

  var map;

  function initialize() {
    if(navigator.geolocation) {
      success = function(position) {
        createMap(position.coords.latitude, position.coords.longitude);
      };
      error = function() { createMap(12.659493, 79.415412); }

      navigator.geolocation.getCurrentPosition(success, error);
    }
    else {
      createMap(12.659493, 79.415412);
    }
  }

  function createMap(lat, lng) {
    var mapOptions = { center: new google.maps.LatLng(lat, lng), 
      zoom: 12,
      scrollwheel: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP };
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
  }

【讨论】：

工作就像一个魅力......谢谢！