geographic-location
/
原生js百度定位.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" readonly  id="address" />
    <button onclick="position()">点击定位</button>
</body>
<script src="http://api.map.baidu.com/api?v=2.0&ak=【百度官网申请的密匙】"></script>
<script>
    function position(){
        var LocationCity;  //定位地址

        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function getinfo(position){
            var city = position.address.city;             //获取城市信息
            var province = position.address.province;     //获取省份信息
            var district =  position.address.district;     //获取县或区信息
            LocationCity = province+" "+city+" "+district;  //拼接赋值地址
                alert(LocationCity);
                document.getElementById('address').value = LocationCity;
            }, function(e) {
                LocationCity = "定位失败"
            }, {provider: 'baidu'});
    }
</script>
</html>