我正在尝试为我的vue.js应用设置地址解析。我没有使用任何第三方库,只有通过npm安装的google地图。
调用地址解析方法时,会引发错误,指出属性位置意外。我已经尝试过“位置”,“ latlng”,坐标本身等等。经度和纬度来自navigator.geolocation物体。
这是我的安装脚本的一部分:
Vue.component('catalog', require('./components/Catalog'));
Vue.component('address-autocomplete', require('./components/AddressAutoComplete'));
window.googleMapsClient = require('@google/maps').createClient({
key: "MY_API_KEY"
});
还有我的Vue组件:
getLocationFromGeoData() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
this.setLocation,
this.showError
);
} else {
showLocationError("Geolocation wird nicht unterstützt!");
}
},
setLocation(position) {
var self = this;
this.location.latitude = position.coords.latitude;
this.location.longitude = position.coords.longitude;
var latLng = {
lat: parseFloat(this.location.latitude),
lng: parseFloat(this.location.longitude)
};
googleMapsClient.geocode({'location': latLng}).asPromise()
.then((response) => {
self.location.address = results[1].formatted_address;
}).catch((err) => {
showLocationError(err);
});
},
相关分类