为什么我的GMaps.js不起作用?

时间:2014-11-26 09:33:51

标签: javascript google-maps gmaps.js

我无法让GMaps.js正常工作,我按照https://hpneo.github.io/gmaps/examples/basic.html上的说明操作,但地图没有显示,我也收到错误消息:

"未捕获的ReferenceError:GMaps未定义"

在Chrome的开发者工具中。

演示:http://jsfiddle.net/q80xqxxo/1/

HTML

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

CSS

#map {
height:500px;
width:500px;
background-color:darkblue

}

的Javascript

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

2 个答案:

答案 0 :(得分:3)

你在Gmaps.js上加载哪里?

JSFiddle中的链接说http://bitsofinternet.com/massif/js/gmaps.js给出了404.修复了这个问题,Gmaps可能会开始工作

working fiddle

添加https://hpneo.github.io/gmaps/gmaps.js,可能应将其复制到您的服务器。

答案 1 :(得分:0)

您是否包含了gmaps.js脚本

 <script type="text/javascript" src="YOURPATH/gmaps.js"></script>

并准备好文件?

var map;
$(document).ready(function() {
    prettyPrint();
    map = new GMaps({
        div: '#map',
        lat: -12.043333,
        lng: -77.028333
    });
});