获取位置并分配给全局变量

基础概念

获取位置并分配给全局变量通常涉及到前端开发中的地理位置API（Geolocation API）和JavaScript的全局变量。Geolocation API允许网页获取用户的地理位置信息，而全局变量则是在整个应用程序中都可以访问的变量。

类型

HTML5 Geolocation API：这是获取地理位置信息的主要方式。
IP地址定位：通过用户的IP地址来大致确定其地理位置。

应用场景

地图应用：如导航、地点搜索等。
本地服务：如推荐附近的餐厅、加油站等。
社交应用：如签到、位置分享等。

示例代码

以下是一个使用HTML5 Geolocation API获取位置并分配给全局变量的示例：

// 定义全局变量
let userLocation = null;

// 获取地理位置
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition, showError);
  } else {
    console.log("Geolocation is not supported by this browser.");
  }
}

// 成功获取位置
function showPosition(position) {
  userLocation = {
    latitude: position.coords.latitude,
    longitude: position.coords.longitude
  };
  console.log("Latitude: " + userLocation.latitude + 
  " Longitude: " + userLocation.longitude);
}

// 获取位置失败
function showError(error) {
  switch(error.code) {
    case error.PERMISSION_DENIED:
      console.log("User denied the request for Geolocation.");
      break;
    case error.POSITION_UNAVAILABLE:
      console.log("Location information is unavailable.");
      break;
    case error.TIMEOUT:
      console.log("The request to get user location timed out.");
      break;
    case error.UNKNOWN_ERROR:
      console.log("An unknown error occurred.");
      break;
  }
}

// 调用获取位置函数
getLocation();