Javascript 如何使用gmaps.js

最近我一直在玩gmaps.js。然而，我不能让它工作

这是密码

在标题中，我导入了以下三个文件：

gmaps.js

<div id="mouse_event_map"></div>

<script type="text/javascript">
/**
 * Mouse Events on Maps
 */
$(document).ready(function(){
 var map = new GMaps({
    el: '#mouse_event_map',
    lat: 51.5073346,
    lng: -0.1276831,
    zoom: 12,
    zoomControl : true,
    zoomControlOpt: {
        style : 'SMALL',
        position: 'TOP_LEFT'
    },
    panControl : false,
    click: function(e){
      alert('Click event');
    },
    dragend: function(e){
      alert('Drag Event');
    }
  });
});
</script>

/**
*地图上的鼠标事件
*/
$（文档）.ready（函数（）{
var map=新GMAP({
el:“#鼠标#事件(地图)”，
拉脱维亚：51.5073346，
液化天然气：-0.1276831，
缩放：12，
动物控制：对，
ZoomControl控件：{
风格：“小”，
位置：“左上方”
},
泛控制：错误，
点击：功能（e）{
警报（“点击事件”）；
},
绘图：功能（e）{
警报（“拖动事件”）；
}
});
});

节目

---

请注意，这使用的是

div

而不是

el

我只是在努力解决同一个问题-地图没有出现，我正在按照教程的“t”

我通过从“el:”声明中删除“#”（ID）符号使我的地图正常工作。这可能有助于寻找答案的人。仍然使用id-地图应该显示出来

前任。 el:'地图'

变成：

---

el:‘地图’，

我认为官方名称是谷歌地图API。你必须在这个问题上下些功夫，并解释它到底是如何不起作用的。谢谢你的回答。我正在为谷歌地图API使用gmaps.js。但我似乎无法让它工作。这是“不工作”的意思的链接？很好的理解…所以我将代码改为and div:“#map”…但它仍然不工作…您仍然没有解释“不工作”的含义。你有javascript错误吗？灰色地图？没有地图？@ExtendLimit也许你需要回去阅读gmaps.js文档。指定地图的大小在哪里？请给出你所看到的更多细节——或者，如果你不能描述它，那么给你的地图一个链接，这样我们就可以看到发生了什么。啊，我忘记了css文件…添加了一些css行，现在它正在工作。非常感谢。它实际上缺少了地图的css。如果你添加这个，它应该是ok的

#map，#panorama{高度：300px；背景：#6699cc；}

map = new GMaps({
  div: '#map',
  zoom: 16,
  lat: -12.043333,
  lng: -77.028333,
  click: function(e) {
    alert('click');
  },
  dragend: function(e) {
    alert('dragend');
  }
});