내가 사용하고 JQuery와 - UI 맵

Question

를 사용하여 구글 맵에 마커를 추가하는 방법 http://code.google.com/p/jquery-ui-map/

HTML :

<div id="map_canvas" style="width: 100%; height:400px;" latitude="123456" longitude="123456">Loading Map</div> 

jQuery를 : 그것은 잘 작동

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

마커를 추가 할 수 없습니다. 나는 문서에서 많은 옵션을 시도했지만 마커를 배치 할 수 없습니다.

아이디어가 있으십니까?

감사

Answer 1

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); 
    }); 
}); 

Answer 2

이것은 내가 찾은 것입니다 :

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 
    }); 

} 

작업 지금