谷歌地图设置我的位置

Question

var myloc;
function initialize() {

  if (navigator.geolocation) navigator.geolocation.getCurrentPosition(function(pos) {
    var me = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude);
    myloc.setPosition(me);
    myloc.setMap(map);
  }, function(error) {
      // ...
  });

  var mapOptions = {
    zoom: 14,
    center: me,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  var mylocOptions = {
    title: "You are here..."
  };

  var map = new google.maps.Map(document.getElementById("map_canvas"), 
      mapOptions);

  myloc = new google.maps.Marker(mylocOptions);
}

我查看了another question 并觉得我对此有所了解。当我打开应用程序（第一次）时，它会询问我是否允许使用我的位置。我想我简化了 myloc 选项，我对默认外观和用于测试的标记的所有内容都很好。但是，在允许它之后，什么也没有发生。 me is undefined。也许我做错了事？

如果没有位置，我可以用其他标记来绘制地图，所以......这一定是订单？我已经尝试了一些变化...

我想最终在浏览器放弃一般坐标后在地图上放置一个标记。最终这将在数据库中移动和更新，但显然我现在还不担心。婴儿步...

Answer 1

第一次初始化标记时，不要将标记的位置设置给我。因为在用户允许浏览器使用他们的位置之后，me 才可用。当你得到他们的位置时再做。

var mylocOptions = {
  title: "You are here..."
};

if (navigator.geolocation) navigator.geolocation.getCurrentPosition(function(pos) {
  var me = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude);
  myloc.setPosition(me);
  myloc.setMap(map);
  map.setCenter(me);
}, function(error) {
  // ...
});

也删除

center: me

您在哪里定义map。