-1

我最近一直在玩 gmaps.js。但是，我无法让它工作。

这是代码。

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

http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js

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

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>

4

2 回答 2

1

gmaps.js文档显示

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

请注意，这使用div而不是el.

于 2013-02-12T16:56:00.317 回答
0

我只是在同一个问题上苦苦挣扎——地图没有出现，我正在按照“T”的教程进行操作......

通过从 'el:' 声明中删除 '#' (ID) 符号，我得到了我的地图。这可能有助于寻找答案的人。仍然使用 id - 应该显示地图。

前任。

埃尔：'#map'，

变成：

el: '地图',

于 2014-10-02T17:41:36.207 回答