gmaps不在实时网站上显示，但在本地工作

Question

这是我试图在左下角找到地图的网站：

https://heaps12345.github.io/food/

这里有一些代码片段：

<script src="http://maps.google.com/maps/api/js"></script>
<script src="assets/scripts/gmaps-e77060151c.js"></script>
<div id="map"></div>
<script src="assets/scripts/App-692a674c90.js"></script>

 <script>
 var map = new GMaps({
 div: '#map',
 lat: 37.7578239,
 lng: -122.4481013

 });
 </script>

这是我第一次部署一个网站，所以在我使用“gulp build”任务之后它工作了但是当我把它推到github时它不会显示。

Answer 1

您需要在脚本标记

中指定API密钥

    <script type="text/javascript" src="https://maps.google.com/maps/api/js?key=****************"></script>

有关如何获取网站API密钥的说明，请查看Here