html5腾讯地图api应用

本文介绍了如何利用HTML5的地理定位获取用户经纬度信息,并结合腾讯地图API展示地图。首先通过navigator.geolocation对象获取位置,然后创建腾讯地图并调整地图大小。在腾讯地图官网申请key后,在HTML中引入JS并显示地图。学习自《Head First HTML5 Programming》,欢迎交流讨论。
摘要由CSDN通过智能技术生成

第一次写博客,之后的学习也会通过这种方式巩固。

最近在学JavaScript和HTML5,所以近期的内容皆是关于这些知识的。

1.HTML5支持地理定位,可以获取用户的经纬度信息。

在js中可以使用position.coords对象获取经纬度

window.onload = getMyLocation;   //在网页dom加载完毕之后调用getmylocation方法
var map;

function getMyLocation(){
 if(navigator.geolocation){        //navigator.geolocation是html5内置对象的属性,有值就代表浏览器支持地理定位
  navigator.geolocation.getCurrentPosition(displayLocation,displayError);//getcurrentposition方法有三个参数,1个是获得定位信息成功后的函数(此处为displaylocation),1个是失败后调用的函数(此处为displayerror),1个是用来控制地理定位如何计算他的值的(此处省略,没有设置)
 }else{
  alert("oops,no geolocation support")
 }
}

function displayLocation(position){    //获取定位信息成功后调用的函数
 var latitude = position.coords.latitude;   //position.coords对象中有latitude和longitude俩属性分别表示经纬度
 var longitude = position.coords.longitude;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值