为 locationpicker.jquery.js 设置当前用户位置答案

【问题标题】：Setting Current User Location for locationpicker.jquery.js为 locationpicker.jquery.js 设置当前用户位置
【发布时间】：2016-03-23 15:23:12
【问题描述】：

我正在使用locationpicker.jquery.js 并尝试在加载之前提供经度和纬度的变量，以便用户可以从他或她的特定位置加载。

  $('.map').locationpicker({
      location: {
          latitude: 10.621760,
          longitude: 121.107015
      },
      radius: 10,
      inputBinding: {
          latitudeInput: $('.map-lat'),
          longitudeInput: $('.map-lon'),
          radiusInput: $('.map-radius'),
          locationNameInput: $('.map-address'),
          scrollwheel: true
      },
      enableReverseGeocode: true
  });

  $( document ).ready(function() {
      navigator.geolocation.getCurrentPosition(showPosition);
      function showPosition(position) {
          $('.map-lat').val(position.coords.latitude);
          $('.map-lon').val(position.coords.longitude);
      }
  });

我尝试将 jquery 选择器放入纬度和经度的变量中。我尝试设置一个隐藏的输入字段并将它们传递给纬度和经度；但他们只是失败了。我可以做些什么来使位置选择器加载到用户的位置吗？纬度和经度似乎不接受除数字以外的任何其他类型的变量。

【问题讨论】：

标签： javascript jquery ruby-on-rails web-applications geolocation

【解决方案1】：

现在，getCurrentPosition() 和 watchPosition() 不再适用于不安全的来源。要使用此功能，您应该考虑将您的应用程序切换到安全源，例如 HTTPS。

【讨论】：

【解决方案2】：

我认为您遇到的问题是 getCurrentLocation 是一个异步进程。这意味着您需要在该过程完成后加载地图。

$( document ).ready(function() {
  navigator.geolocation.getCurrentPosition(showPosition);
  function showPosition(position) {
      var lat = position.coords.latitude;
      var lng = position.coords.longitude;
      $('.map-lat').val(lat);
      $('.map-lon').val(lng);
      buildMap(lat, lng);
  }
});

传入lat 和lng 参数并将它们转换为浮点数（+lat...），否则使用默认值。

function buildMap(lat, lng) {
  $('.map').locationpicker({
    location: {
      latitude: +lat || 10.621760,
      longitude: +lng || 121.107015
    },
    radius: 10,
    ...
}

【讨论】：