使用带有load-google-maps api-2的webpack无法读取未定义的属性'Autocomplete‘
使用带有load-google-maps api-2的webpack无法读取未定义的属性'Autocomplete‘
提问于 2018-09-05 08:33:32
我正在尝试使用maps、javascript api、place autocomplete来设置一个自动完成，但我一直收到。
自动完成未捕获(in promise) TypeError:无法读取未定义的“”Autocomplete“”属性
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 install npm run build (做一个webpack构建)npm run start (启动lite server并在端口3000上打开浏览器)
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-09-05 08:40:29
根据documentation，您需要加载places库
loadGoogleMapsApi({
libraries: ['places'],
key: '...'
})
.then(function (googleMaps) {
...
})
.catch(function (error) {
...
});Stack Overflow用户
发布于 2022-03-01 13:16:45
我也有同样的问题，但是当我将"pac-input“类添加到我的标签中时，它开始工作了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52175541
复制相关文章
相似问题
腾讯云开发者
