最近、gmaps.js をいじっています。しかし、私はそれを機能させることができません。
これがコードです。
ヘッダーに、次の 3 つのファイルをインポートしました。
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>