百度地图HTML5定位教程：轻松掌握API与实例

百度地图定位    参考博客：  http://blog.csdn.net/for12/article/details/52803787
 https://www.cnblogs.com/jianglan/archive/2013/05/31/3108646.html
调用百度地图API接口
//获取地理定位经纬度
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function (r) {
    if (this.getStatus() == BMAP_STATUS_SUCCESS) {
        currentLat = r.point.lat;
        currentLon = r.point.lng;
        //console.log('currentLat:' + currentLat);
        //console.log('currentLon:' + currentLon);
        listVue.item.latitude = currentLat;
        listVue.item.longitude = currentLon;
        listVue.getList();
    }
});
HTML5  浏览器定位  navigator.geolocation 地理定位
参考博客网址：http://blog.csdn.net/smok56888/article/details/20628161
    https://www.cnblogs.com/lhb25/archive/2012/07/10/html5-geolocation-api-demo.html
//浏览器获取地理定位经纬度
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function (position) {
                var latitude = position.coords.latitude;
                var longitude = position.coords.longitude;
//                alert("纬度Latitude : " + latitude + "经度Longitude: " + longitude);
                listVue.item.latitude = latitude;
                listVue.item.longitude = longitude;
                listVue.getList();

            }, showError);