html5获取我的位置并在百度地图上显示
html5获取我的位置并在百度地图上显示
一、前言
最近有兴趣研究了下移动端的地图api,发现其实挺简单的,HTML5也提供了地理位置API:Geolocation,能获取当前所在位置的经纬度,结合一些地图api,就能直观地看到我在地图上所在的位置,相当于app应用里面的“我的位置”。
在网上搜下Geolocation就能获得详细信息,其实核心就是这个:navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError, options);
于是集合下网上的代码,做了个比较实用的demo(一开始用google,发现googleMapAPI.js被墙了,于是改用了百度),位置精确度不是很高,日后再仔细研究下。
注意:
- 1、必须使用https协议(包括页面内的所有链接)
- 2、使用手机打开,并运行获得位置
- 3、最好用默认浏览器打开
二、在线演示和GitHub源码
效果: