我正在使用Yeoman webapp生成器(https://github.com/yeoman/generator-webapp)我添加了Bower软件包GMAPS(https://github.com/hpneo/gmaps)。在将Gmap添加到我的项目后,我在我的项目顶部添加了谷歌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
命令时,我会看到我的Gmap出现在我的本地主机上运行的网站上。如果我Grunt
并构建我的项目,它总是会给我一个错误,即在我的main.js
文件中找不到变量Gmaps(用于触发Gmaps插件)。
所以我的问题是:如何将API添加到使用Grunt构建的项目中?
您需要将googleapi链接复制到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 -->