腾讯调取城市地图接口

2018-11-07  本文已影响3人  苏本的书柜

最推荐的方式

 var geolocation = new qq.maps.Geolocation("ECFBZ-ZJEE6-P43S2-ED7CA-XDGO7-Q6FAD", "myapp");
                    geolocation.getLocation(showPosition, showErr, options)
                    var options = {timeout: 8000};
                    function showPosition(position) {
                        let loc2={
                            longitude:position.lng,
                            latitude:position.lat
                        }  
                        vm.$store.dispatch('pushlocation',loc2)
                        localStorage.setItem(
                                            'loc',
                                        JSON.stringify(loc2)
                                    )
                      localStorage.setItem(
                                            'position',
                                        JSON.stringify(position)
                                    )
                    };
                    function showErr() {
                        alert( "定位失败!");
                    };


第二种方式(腾讯的微信地图接口,但是需要配置jssdk)

wx.getLocation({
                        type: 'gcj02',
                        success(res){
                        vm.$store.dispatch('pushlocation', res)
                     localStorage.setItem(
                      'loc2',
                      JSON.stringify(res)
                   )
}

获取城市的接口

var url = "https://apis.map.qq.com/ws/geocoder/v1/?";
                            data.output = "jsonp";
                            $.ajax({
                                type: "get",
                                async: false,
                                dataType: 'jsonp',
                                data: data,
                                jsonp: "callback",
                                jsonpCallback: "QQmap",
                                url: url,
                                success: json => {
                                    /*json对象转为文本 var aToStr=JSON.stringify(a);*/
                                    // debugger
                                    alert('是否成功')
                                    let city = json.result.address_component.city
                                    let citydata = { value: this.site.city, change: false }
                                    this.$store.dispatch('pushcity', citydata)
                                    localStorage.setItem(
                                    'city',
                                JSON.stringify(json.result.address_component.city)
                            )
                                },
                                error: err => { alert("服务端错误,请刷新浏览器后重试") }
                            })

上一篇下一篇

猜你喜欢

热点阅读