首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用带有load-google-maps api-2的webpack无法读取未定义的属性'Autocomplete‘

使用带有load-google-maps api-2的webpack无法读取未定义的属性'Autocomplete‘
EN

Stack Overflow用户
提问于 2018-09-05 08:33:32
回答 2查看 5.9K关注 0票数 2

我正在尝试使用maps、javascript api、place autocomplete来设置一个自动完成,但我一直收到。

自动完成未捕获(in promise) TypeError:无法读取未定义的“”Autocomplete“”属性

index.js

代码语言:javascript
复制
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上打开浏览器)

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-09-05 08:40:29

根据documentation,您需要加载places

代码语言:javascript
复制
loadGoogleMapsApi({
    libraries: ['places'],
    key: '...'
})
.then(function (googleMaps) {
  ...
})
.catch(function (error) {
    ...
});
票数 4
EN

Stack Overflow用户

发布于 2022-03-01 13:16:45

我也有同样的问题,但是当我将"pac-input“类添加到我的标签中时,它开始工作了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52175541

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档