Javascript 我可以激活谷歌地图API地理定位onclick吗?

Javascript 我可以激活谷歌地图API地理定位onclick吗?,javascript,google-maps,Javascript,Google Maps,是否可以通过onclick激活地理位置js 如果我包括地理位置代码(http://code.google.com/apis/maps/documentation/javascript/basics.html#DetectingUserLocation)在“我的地图”中,它可以正常工作,但会启动代码加载 我想做的是给用户一个用按钮进行地理定位的选项。我已经尝试将相关代码移动到onclick()函数中,但这似乎不起作用 这是我的密码: function initialize() { var latl

是否可以通过onclick激活地理位置js

如果我包括地理位置代码(http://code.google.com/apis/maps/documentation/javascript/basics.html#DetectingUserLocation)在“我的地图”中,它可以正常工作,但会启动代码加载

我想做的是给用户一个用按钮进行地理定位的选项。我已经尝试将相关代码移动到onclick()函数中,但这似乎不起作用

这是我的密码:

function initialize() {
var latlng = new google.maps.LatLng(51.5146984674518, -0.0723123550415039);
var myOptions = {
  zoom: 14,
  center: latlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  mapTypeControl: true,
    mapTypeControlOptions: {
    style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
    position: google.maps.ControlPosition.RIGHT_BOTTOM
},
panControl: true,
    panControlOptions: {
    position: google.maps.ControlPosition.TOP_RIGHT
},
zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,
    position: google.maps.ControlPosition.TOP_RIGHT
},
streetViewControl: false,
};
var map = new google.maps.Map(document.getElementById("energymap"),
    myOptions);
}

$('a#geolocate').click(function() {
// Try W3C Geolocation (Preferred)
  if(navigator.geolocation) {
    browserSupportFlag = true;
    navigator.geolocation.getCurrentPosition(function(position) {
      initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
      map.setCenter(initialLocation);
    }, function() {
      handleNoGeolocation(browserSupportFlag);
    });
  // Try Google Gears Geolocation
  } else if (google.gears) {
    browserSupportFlag = true;
    var geo = google.gears.factory.create('beta.geolocation');
    geo.getCurrentPosition(function(position) {
      initialLocation = new google.maps.LatLng(position.latitude,position.longitude);
      map.setCenter(initialLocation);
    }, function() {
      handleNoGeoLocation(browserSupportFlag);
    });
  // Browser doesn't support Geolocation
  } else {
    browserSupportFlag = false;
    handleNoGeolocation(browserSupportFlag);
  }

  function handleNoGeolocation(errorFlag) {
    if (errorFlag == true) {
      alert("Geolocation service failed.");
      initialLocation = newyork;
    } else {
      alert("Your browser doesn't support geolocation. We've placed you in Siberia.");
      initialLocation = siberia;
    }
    map.setCenter(initialLocation);
  }

}); 

是的,这是可能的。尝试在$(document).ready(function()块中包含click事件代码,如下所示:

$(document).ready(function() {
  $('a#geolocate').click(function() { 
       ....
  });
});

我刚刚对您的代码进行了一些测试,一旦我将其包含在$(document).ready handler中,它就对我起了作用。

谢谢您。我一直在寻找一种从onload到button onclick的方法,效果非常好。