地址的功能如何做成自动定位到城市地区功能？

如果是小程序的话，估计要申请腾讯或高德的key了，小程序拿不到中文地址

同学你好，启动项目后会有两个地址，使用第二个地址在浏览器打开

因为官网的介绍是如果浏览器H5定位失败，会调用IP定位

另外建议将浏览器位置打开，在设置--隐私中，例如win10系统设置

在访问地址的时候可能会有弹框提示，点击‘确定’即可（可能显示不太准）

代码：

<template>
    <div id="app">
        <p>{{address}}</p>
        <div id='container'></div>
    </div>
</template>
<script>
import BMap from 'BMap';
export default {
    name: 'App',
    data() {
        return {
            address: '',
        }
    },
    mounted() {
        this.createMap()
    },

    methods: {
        createMap() {
            var that = this;
            var map = new BMap.Map("container");
            var point = new BMap.Point(116.331398, 39.897445);;
            map.centerAndZoom(point, 12);
            var geoc = new BMap.Geocoder();
            var geolocation = new BMap.Geolocation();
            geolocation.getCurrentPosition(function(r) {
                if (this.getStatus() == BMAP_STATUS_SUCCESS) {
                    var mk = new BMap.Marker(r.point);
                    map.addOverlay(mk);
                    map.panTo(r.point);
                    console.log('您的位置：' + r.point.lng + ',' + r.point.lat);

                    var pt = r.point;
                    geoc.getLocation(pt, function(rs) {
                        var addComp = rs.addressComponents;
                        that.address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber
                    });


                } else {
                    console.log('failed' + this.getStatus());
                }
            }, {
                enableHighAccuracy: true
            })
        },
    }
}
</script>
<style scoped>

#container {
    width: 100%;
    height: 80vh;
}
</style>

2、另外ip定位，老师这里显示‘北京市’，并不是全国

部分代码如下：

 methods: {
        createMap() {
            var map = new BMap.Map("container");
            var point = new BMap.Point(116.331398, 39.897445);
            map.centerAndZoom(point, 12);

            function myFun(result) {
                var cityName = result.name;
                map.setCenter(cityName);
                console.log("当前定位城市:" + cityName);
            }
            var myCity = new BMap.LocalCity();
            myCity.get(myFun);
        },
    }

3、SDK定位是手机端的，可暂时不考虑。

自己再测试下。