Могу ли я активировать Google Maps API Geolocation по щелчку?

Question

Можно ли активировать геолокацию 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);
  }

}); 

Answer 1

Да, это возможно.Попробуйте включить код события click в свой блок $ (document) .ready (function (), например:

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

Я только что провел несколько тестов с вашим кодом, и он сработал для меня, как только я включил его вобработчик $ (document) .ready.