使用Angular 4自动完成Google搜索

时间:2018-08-06 19:16:23

标签: angular google-maps autocomplete maps

我有一个带有agm-map的页面来显示路线。工作正常。 但是我还需要包括Google Maps搜索,以便用户可以搜索特定的地址。我正在使用this库进行搜索。

但是要使搜索正常进行,我需要在组件中包含以下脚本:

$。getScript('https://maps.googleapis.com/maps/api/js?libraries=places&key=''+ GMAPS_KEY,function(){});

仅仅是使用它,给多个Google地图造成冲突 (可能是因为NgModel的AgmCoreModule 包含(以便Agm地图可以正常工作)

如果我删除agmCoreModule,则agm-map无法正常工作。而且,如果删除getScript,则会出现此错误

  

无法读取未定义的属性“自动完成”       在AngularGooglePlaceDirective.setAutocompleteAndInvokeEvent(angular-google-place.es5.js:1494)       在AngularGooglePlaceDirective.ngOnInit

由于包含多个Google Maps,因此有时该代码有效,而其他代码则无效。 有人有主意吗?

0 个答案:

没有答案