Question

我无法弄清楚如何使用gmaps插件。我已经按照给出的示例，甚至查看了页面源并复制了它，但我仍然没有进展。

这是我的html文件包含js文件。

<!DOCTYPE html>
<html>
<head>
  <title>testss</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="/javascripts/maps.js"></script>
  <script src="http://maps.google.com/maps/api/js?sensor=true"></script>

  <link href='//fonts.googleapis.com/css?family=Convergence|Bitter|Droid+Sans|Ubuntu+Mono' rel='stylesheet' type='text/css' />

  <script>
$(document).ready(function(){
 var map = new GMaps({
div: '#map', lat: -12, lng: -77
  });
});
  </script>
</head>
<body>
<div id="map"></div>
</body>
</html>

我收到了这些错误：

不需要Google Maps API。请注册以下JavaScript库 http://maps.google.com/maps/api/js?sensor=true。 maps.js：22

未捕获的ReferenceError：未定义GMaps

我不确定为什么会出现这个问题，因为我已经包含了该文件。任何想法都非常感谢！

如果这有帮助，我使用node.js并在localhost上表达。

Answer 1

这是一个依赖性错误。在调用/javascript/gmaps.js之前包括http://maps.google.com/maps/api/js

Answer 2

错误发生在google maps api的注册网址中。请使用https代替http。包括此网址：

https://maps.google.com/maps/api/js?sensor=true

Answer 3

我不确定，谁或者我使用了错误的文档，但这似乎工作得很好：

<!DOCTYPE html>
<html>
<head>
  <title>testss</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="/javascripts/maps.js"></script>
  <script src="http://maps.google.com/maps/api/js?sensor=true"></script>

  <link href='//fonts.googleapis.com/css?family=Convergence|Bitter|Droid+Sans|Ubuntu+Mono' rel='stylesheet' type='text/css' />

  <script>
    $(document).ready(function(){
      var map = new google.maps.Map(
        document.getElementById('map'), 
        {
          zoom: 15,
          center: new google.maps.LatLng(-12, -77)
        }
      );
    });
  </script>
</head>
<body>
<div id="map" style="height: 20em;"></div>
</body>
</html>

编辑：我刚刚意识到您正在尝试使用gmaps.js - 但在这种情况下，您错过了gmaps.js文件，除非您的maps.js是对于。

您可以在https://raw.githubusercontent.com/HPNeo/gmaps/master/gmaps.js

下载当前版本

未捕获的参考错误：Gmaps.js错误？

3 个答案: