我正在尝试使用地图javascript api地方自动完成功能来设置自动完成功能,但我一直收到。
未捕获(承诺)TypeError:无法读取未定义的属性“自动完成”
index.js
var loadGoogleMapsApi = require('load-google-maps-api-2');
const indexTemplate = require("./index.handlebars");
$(function() {
let googleMaps = null;
loadGoogleMapsApi({
key: 'My api key here'
}).then(function(_googleMaps) {
googleMaps = _googleMaps
var autocomplete = new googleMaps.places.Autocomplete($("#address")[0]);
googleMaps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
console.log(place.address_components);
});
});
完整的清单在这里。
https://github.com/bryandellinger/addressvalidator
如果要在下载npm后运行它,请安装npm run build(执行webpack构建)npm run start(启动lite服务器并在端口3000上打开浏览器)
您需要加载places
库;根据文档:
loadGoogleMapsApi({
libraries: ['places'],
key: '...'
})
.then(function (googleMaps) {
...
})
.catch(function (error) {
...
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句