Question

我想在angular2中使用angular2-google-place-autocomplete库。我在index.html中加载库但是在构建脚本之后在我的html中重复并导致了这个问题。

您已在此页面上多次添加Google Maps API。这可能会导致意外错误。

这是我的index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Proxistore for Media Agency</title>
  <script src="https://cdn.auth0.com/js/lock/11.4.0/lock.min.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css">

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&callback=angular2GoogleMapsLazyMapsAPILoader&key=xxxx;libraries=places"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="./styles.css" rel="stylesheet">
</head>

<body class="pace-done mini-navbar">
  <app>Loading...</app>
</body>
</html>

Answer 1

将地图脚本块作为agm删除，自动完成已经调用此脚本。您只需在应用模块中以root身份声明一次，如下所述：https://angular-maps.com/

@NgModule 
AgmCoreModule.forRoot({
      apiKey: 'YOUR_GOOGLE_MAPS_API_KEY'
    })

Angular2 index.html重复了googlemap脚本

1 个答案: