如何使用jquery-ui-map在谷歌地图上添加标记

我正在使用http://code.google.com/p/jquery-ui-map/

HTML:

Loading Map

jQuery

 $(function() { $('#map_canvas').gmap({ 'center': new google.maps.LatLng($('#map_canvas').attr('latitude'),$('#map_canvas').attr('longitude')), 'zoom': 13 }); }); 

它工作正常,但我无法添加标记。 我在文档中尝试了很多选项但无法放置标记。

任何的想法?

谢谢

http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-basic-example.html

 $('#map_canvas').gmap().bind('init', function(ev, map) { $('#map_canvas').gmap('addMarker', {'position': '57.7973333,12.0502107', 'bounds': true}).click(function() { $('#map_canvas').gmap('openInfoWindow', {'content': 'Hello World!'}, this); }); }); 

这就是我发现的:

http://code.google.com/apis/maps/documentation/javascript/overlays.html#MarkerAnimations

 // Google Maps function GoogleMaps() { var latitude = $("#map_canvas").attr('latitude'); var longitude = $("#map_canvas").attr('longitude'); var location = new google.maps.LatLng(latitude, longitude); var marker; var map; var mapOptions = { zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP, center: location }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); marker = new google.maps.Marker({ map:map, animation: google.maps.Animation.DROP, position: location }); } 

现在工作