使用gmaps.js（google maps api）

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 Maps API js file，然后加载gmaps.js。看看这个updated fiddle。

<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 Maps API文件中找到任何所需的方法。您可以在Load and Execute order of scripts的链接上阅读更多信息。