Question

我最近一直在玩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>

Answer 1

gmaps.js documentation显示

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。

Answer 2

我只是在努力解决同样的问题 - 地图没有显示出来，我正在按照教程进行“T＆＃39; ....

我删除了＃＆＃39;＃＆＃39; （ID）符号来自＆＃39; el：＆＃39;宣言。这可能有助于寻找答案的人。仍然使用id - 地图应该显示。

离。

el：＆＃39; #map＆＃39;，

变为：

el：＆＃39; map＆＃39;，

如何使用gmaps.js

2 个答案:

离。

变为：