google map api markers

Я создал карту, которая вытаскивает адрес из скрытого значения ввода в html, может ли кто-нибудь помочь мне отобразить маркер по адресу?google map api markers

<script> 
     var map; 
     var geocoder; 
     var markers = new Array(); 
     var firstLoc; 

     function myGeocodeFirst() { 
     geocoder = new google.maps.Geocoder(); 

     geocoder.geocode({'address': document.getElementById("text_address").value }, 
      function(results, status) { 
      if (status == google.maps.GeocoderStatus.OK) { 
       firstLoc = results[0].geometry.location; 
       map = new google.maps.Map(document.getElementById("map_canvas"), 
       { 
       center: firstLoc, 
       zoom: 17, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
       }); 

      } 
      else { 
       document.getElementById("text_status").value = status; 
      } 
      } 
     ); 
     } 
window.onload=myGeocodeFirst; 
</script> 

<body> 
<div id="loc"> 
<input id="text_address" type="hidden" size="10" value="Moshe Cohen 1, Bat Yam, Israel"></div> 
<div id="map_canvas"></div> 
</body> 
</html>

Спасибо, Гидон

источник

2013-03-24 Gidon

Итак, я просто добавил следующее мой сценарий, чтобы добавить маркер -

<script> 
     var map; 
     var geocoder; 
    // var markers = new Array(); 
     var firstLoc; 


     function myGeocodeFirst() { 
     geocoder = new google.maps.Geocoder(); 

     geocoder.geocode({'address': document.getElementById("text_address").value }, 
      function(results, status) { 
      if (status == google.maps.GeocoderStatus.OK) { 
       firstLoc = results[0].geometry.location; 
       map = new google.maps.Map(document.getElementById("map_canvas"), 
       { 
       center: firstLoc, 
       zoom: 17, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
       }); 
      var marker=new google.maps.Marker({ 
     position:firstLoc, 
     }); 
     marker.setMap(map); 
      } 
      else { 
       document.getElementById("text_status").value = status; 
      } 
      } 
     ); 

     } 


window.onload=myGeocodeFirst; 
</script>

источник

2013-03-24 14:18:05 Gidon

google map api markers

ответ

Смежные вопросы