使用Bower＆Grunt將Google Maps Api添加到項目構建中

Question

我正在使用Yeoman Webapp生成器（ https://github.com/yeoman/generator-webapp ），並且添加了Bower軟件包GMAPS（ https://github.com/hpneo/gmaps ）。 將Gmaps添加到我的項目后，我在項目頂部添加Google Api鏈接，如下所示

<!-- build:css(.tmp) styles/main.css -->
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->

問題是，當我使用Grunt Serve命令時，我看到我的Gmaps出現在我的本地主機上運行的網站上。 如果我Grunt並構建我的項目，它總是會給我一個錯誤，即在我的main.js文件中找不到變量Gmaps（用於觸發Gmaps插件）。

所以我的問題是：如何將API添加到使用Grunt構建的項目中？

Answer 1

您需要將Google api鏈接復制到index.html中的generators標簽之外。 例如：

<script src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
<!-- build:js(.) scripts/vendor.js -->
</script>
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
</script>
<!-- endbower -->