html5 定位

使用html5获取当前位置经纬度

1.使用navigator.geolocation.getCurrentPosition(function(success,error,options),参数分别为：成功获取位置的回调函数，错误的回调函数，设置选项

2.使用navigator.geolocation.watchPosition（success,error,options）实时监控位置

 

<div id="container"></div>

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的秘钥

"></script>

<script type="text/javascript">

    navigator.geolocation.getCurrentPosition(function(position){
        console.log(position.coords.latitude)
        console.log(position.coords.longitude)
        var map = new BMap.Map("container");          // 创建地图实例
        var point = new BMap.Point(position.coords.longitude, position.coords.latitude);  // 创建点坐标
        map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别
    },function(){
        console.log('error')
    })
</script>
3。百度地图api步骤：1.注册百度地图api，获取百度api的秘钥，然后创建应用（设置为pc端时会出现：Referer白名单：，只有该白名单中的网站才能成功发起调用）
4.设置后在项目中直接引用，将ak设置为自己的ak，就可以调用百度地图，然后根据百度api文档自己开发即可。