javascript - Google Maps API v3 でマーカーを追加できません

Question

昨日から Google Maps Api v3 にマーカーを追加しようとしています。私はドキュメントとすべてを読みました。これが私のコードです:

<script type="text/javascript">
  var map;
  function initialize() {

    var mapOptions = {

      center: new google.maps.LatLng(28.63, 77.21),
      zoom: 8,
  disableDefaultUI: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);


  }
 // google.maps.event.addDomListener(window, 'load', initialize);

  function getFillingDetails(){
    var vehicleId = $('#selectVehicle option:selected').val();
    $.getJSON('getFillingDetails.php', {id : vehicleId}, function(data){
  var lat = [];
  var lon = [];
  var price = [];
  $.each(data, function(key, value){
    lat.push(value.latitude);
    lon.push(value.longitude);
    price.push(value.price);
    });
  });

  var myLatlng = new google.maps.LatLng(23.72,77.10);

var marker = new google.maps.Marker({
            position: new google.maps.LatLng(23.72, 72.100),
            map: map,
        });

  }
</script>

私にはすべてがうまく見えます。initialize()関数はタグの後onloadに呼び出されます。bodyそしてgetFillingDetails()、ボタンをクリックすると関数が呼び出されます。しかし、それでも私は成功していません。