Карты Google Исходный маркер не отображается

Question

Код, который я нашел для этой карты google, кажется, работает нормально, но начальный маркер не отображается при загрузке карты. Карта ориентирована на исходное местоположение, но без маркера. Я использую php для заполнения начального Lat и Lon. Также есть способ удалить старый маркер после перетаскивания в новое место?

// global "map" variable 
     var map = null; 
     var marker = null; 

     // popup window for pin, if in use 
     var infowindow = new google.maps.InfoWindow({ 
      size: new google.maps.Size(150,50) 
      }); 

     // A function to create the marker and set up the event window function 
     function createMarker(latlng, name, html) { 

     var contentString = html; 

     var marker = new google.maps.Marker({ 
      position: latlng, 
      map: map, 
      zIndex: Math.round(latlng.lat()*-100000)<<5 
      }); 

     google.maps.event.addListener(marker, 'click', function() { 
      infowindow.setContent(contentString); 
      infowindow.open(map,marker); 
      }); 

     google.maps.event.trigger(marker, 'click');  
     return marker; 

    } 

    function initialize() { 

     // the location of the initial pin 
     var myLatlng = new google.maps.LatLng(<?=$a1[lat]?>,<?=$a1[lon]?>); 

     // create the map 
     var myOptions = { 
      zoom: 12, 
      center: myLatlng, 
      mapTypeControl: true, 
      mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, 
      navigationControl: true, 
      mapTypeId: google.maps.MapTypeId.SATELLITE 
     } 
    var myMarker = new google.maps.Marker({ 
     position: new google.maps.LatLng(<?=$a1[lat]?>, <?=$a1[lon]?>), 
     draggable: true 
    }); 

     map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

     // establish the initial marker/pin 
     var myMarker = new google.maps.Marker({ 
     position: new google.maps.LatLng(<?=$a1[lat]?>, <?=$a1[lon]?>), 
     draggable: true 
    }); 

     // establish the initial div form fields 
     formlat = document.getElementById("latbox").value = myLatlng.lat(); 
     formlng = document.getElementById("lngbox").value = myLatlng.lng(); 

     // close popup window 
     google.maps.event.addListener(map, 'click', function() { 
      infowindow.close(); 
      }); 

     // removing old markers/pins 
     google.maps.event.addListener(map, 'click', function(event) { 
      //call function to create marker 
      if (marker) { 
       marker.setMap(null); 
       marker = null; 
      } 

      // Information for popup window if you so chose to have one 

      marker = createMarker(event.latLng, "name", "<font color=#660000><b><?=$a1[name]?></b><br>"+event.latLng); 


      var image = '/images/googlepins/pin2.png'; 
      var myLatLng = event.latLng ; 

      /* 
      var marker = new google.maps.Marker({ 
       by removing the 'var' subsquent pin placement removes the old pin icon 
      */ 

      marker = new google.maps.Marker({ 
       position: myLatLng, 
       map: map, 
       icon: image, 
       title:"Property Location" 
      }); 

      // populate the form fields with lat & lng 
      formlat = document.getElementById("latbox").value = event.latLng.lat(); 
      formlng = document.getElementById("lngbox").value = event.latLng.lng(); 

     }); 

    } 
    //]]> 

Answer 1

Необходимо добавить Map-Tag. У меня кто-то пытался помочь мне, но, когда его ответ вызвал больше проблем, он удалил свой ответ, а затем проголосовал за мой вопрос ... Спасибо, Бадди. Вот где должен был быть Map-Option.

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

     // establish the initial marker/pin 
     var myMarker = new google.maps.Marker({ 
     position: new google.maps.LatLng(<?=$a1[lat]?>, <?=$a1[lon]?>), 
     map: map, /// <-------This is what I added and seems to have fixed my problem 
     draggable: true, 

    });