使用gmaps.js (google )

Question

我想要使用gmaps.js，我尝试了如下代码，但这是行不通的。该怎么办呢？

示例： http://jsfiddle.net/65tza8h7/

<div id="map"></div>

#map {
      width: 400px;
      height: 400px;
    }

var map = new GMaps({
      el: '#map',
      lat: -12.043333,
      lng: -77.028333
    });

Answer 1

您必须先加载Google js文件，然后加载gmaps.js。看看这个更新小提琴。

<script type='text/javascript' src="https://maps.google.com/maps/api/js?sensor=true"></script>
<script type='text/javascript' src="https://hpneo.github.io/gmaps/gmaps.js"></script>

在您的文章中，gmaps.js文件是首先加载的，但是浏览器无法从Google文件中找到任何必需的方法。您可以在给定的链接上阅读更多关于加载和执行脚本的顺序的内容。