根据用户的位置更改网站背景

时间:2016-08-20 17:17:04

标签: javascript jquery html geolocation location

目标:根据用户的位置将网站背景更改为最近的大城市。例如,如果用户在纽约市,那么它应该是帝国大厦。如果用户在巴黎,它应该是埃菲尔铁塔。

到目前为止,我已经能够使用Geolocation.getCurrentPosition()来获取用户的纬度和经度:

var options = {
  enableHighAccuracy: true,
  timeout: 5000,
  maximumAge: 0
};

function success(pos) {
  var crd = pos.coords;

  console.log('Your current position is:');
  console.log('Latitude : ' + crd.latitude);
  console.log('Longitude: ' + crd.longitude);
  console.log('More or less ' + crd.accuracy + ' meters.');
};

function error(err) {
  console.warn('ERROR(' + err.code + '): ' + err.message);
};

navigator.geolocation.getCurrentPosition(success, error, options);

所以,让我们说这些坐在帝国大厦外面的坐标(40.748163,-73.985946)。

我如何设置我的代码以实现我在纽约并相应地设置背景?

感谢您的帮助!

0 个答案:

没有答案