全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[阜新seo公司询问久澳]学习JavaScript地理位置信息API

  对于一个Web开发程序员来说,开发工作中一个最有意思的方面就是获取地理位置信息;试想一下▪◇,浏览你的网页的用户是在什么地方?程序员可以根据用户的地理位置信息来调整网站的语言、特定产品介绍等■◇▷。下面我们将要演示的就是通过浏览器里JavaScript地理位置信息API来获取详细地理信息▼=…!

  

 

  相关学习推荐:javascript视频教程

  

检查你的浏览器是否支持地理位置信息API

 

  目前主流的浏览器都已经对JavaScript地理位置信息API有了较好的支持。[阜新seo公司询问久澳]但如果你还不放心,那么,确认地理位置信息API支持情况最好的方式是浏览器的功能特征测试。

  

if("geolocation" in navigator) {
	//w00t!
}
else {
	alert("很不幸●●☆!你的浏览器并不支持Geolocation API功能"▼▲;);
}

 

  对于判断浏览器是否支持地理位置API,最主要的就是看看navigator.geolocation这个对象,使用inVue.js而不是简单的使用if(navigator.geolocation),这一点非常重要,因为后者有可能会因此初始化地理位置信息对象,从而占用/锁定了设备资源…☆。

  

查询地理位置信息

 

  这个navigator.geolocation.getCurrentPosition方法是获取详细位置信息最关键的一个接口◆…:

  

if("geolocation" in navigator) {
	navigator.geolocation.getCurrentPosition(function(position) {
		console.log(position)■☆;
	});
}

 

  一旦你调用了这个方法(如果请求成功,它会执行你在参数里提供的回调方法),浏览器会询问用户是否允许程序获取他们的地理位置信息:

  当用户运行网页获取他们的位置信息后,浏览器就可以开始读取地理信息,它会返回给你一个位置信息对象★-○,前端是什么对象的结构基本是这样的:

  

// "Position" object
{
	coords: { "◆◇△◆;Coordinates" object
		accuracy: 65,
		altitude: 294.4074401855469,
		altitudeAccuracy…•▪: 10◁▲★,
		heading: -1,
		latitude: 43△•□-.01256284360166,
		longitude▷☆: -89.44531987692744,
		speed: -1
	},
	timestamp: 1429722992094269
}

 

  如果你觉得这些地理位置信息(地理经纬度坐标)还不够充足,还想要这些地理坐标属于哪个国家、城市,则你需要再调用其它的第三方数据库——这里我们就不细述了。

  这个地理位置信息API在很多移动应用里是最常见的API运用,作为Web程序员☆◆,[机械行业seo优化公司]JavaScript 中 setTimeout 函数怎么用?!它应该是你必须具备的一项知识技巧。幸运的是○▲▼…,目前所有流行的浏览器都支持了这种技术。祝编程快乐!

  以上就是学习JavaScript地理位置信息API的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[阜新seo公司询问久澳]学习JavaScript地理位置信息API

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。