允许用户在网站中输入自己的位置(地址）

Allow user to enter his location (address) in website

本文关键字：输入 自己的 位置 地址 许用户 用户 网站      更新时间：2023-09-26

我在一个有多家公司和员工的网站上工作，每个公司都应该通过在谷歌地图上输入用户名、密码和位置来注册
该位置将出现在使用安卓应用程序的员工面前（该应用程序连接到同一网站的数据库）

我想知道如何允许公司指定他们的确切地址，方法是键入位置的小数点，或者使用密码在谷歌地图上指定，或者允许我检测他们的位置。我读到：https://developers.google.com/maps/documentation/javascript/tutorial但我不知道这是否是我的情况所需要的。

请注意，这是我第一次处理地图，所以我不太深入。

我希望我能正确理解你。

一种选择可能是这样的：

获取用户设备的地理位置，并用可拖动标记将该位置放在地图上。如果位置不正确，可以拖动标记，如果标记位置已更改，则可以获得新坐标。

以下是代码（使用jquery）：

var map;
var marker;
function initialize() {
  var mapOptions = {
    zoom: 11
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
  // Try HTML5 geolocation
  if(navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      var pos = new google.maps.LatLng(position.coords.latitude,
                                       position.coords.longitude);
      var marker = new google.maps.Marker({
      position: pos,
      map: map,
      title: 'Here you are',
      draggable: true
      });
    $('#user-info').append('Location found using HTML5<br/>');
      map.setCenter(pos);
        google.maps.event.addListener(marker, 'dragend', function(a) {
     $('#user-info').append(a.latLng.lat().toFixed(4) + ', ' + a.latLng.lng().toFixed(4) +'<br/>' );
    });
    }, function() {
      handleNoGeolocation(true);
    });
  } else {
    // Browser doesn't support Geolocation
    handleNoGeolocation(false);
  }
}
function handleNoGeolocation(errorFlag) {
  if (errorFlag) {
    $('#user-info').append('Error: The Geolocation service failed.');
  } else {
     $('#user-info').append('Error: Your browser doesn''t support geolocation.');
  }
  var options = {
    map: map,
    position: new google.maps.LatLng(60, 105),
    };
  map.setCenter(options.position);
}
google.maps.event.addDomListener(window, 'load', initialize);

http://jsfiddle.net/iambnz/xdoc1nxm/

我希望这对你有帮助。如果您需要获得确切的地址，则必须添加地理编码功能。

相关文章：