2015-05-10 4 views
-2

Вот код javascript, показывающий широту и долготу при всплывании маркера при нажатии на определенное место. Теперь, как я могу показать результаты infowindow как автозаполнение в текстовом поле html ?Infowindow content on html textfield

     <script> 
          var map; 
          var myCenter = new google.maps.LatLng(31.7108, 35.1986); 

          function initialize() 
          { 
           var mapProp = { 
            center: myCenter, 
            zoom: 16, 
            mapTypeId: google.maps.MapTypeId.ROADMAP 
           }; 

           map = new google.maps.Map(document.getElementById("googleMap"), mapProp); 

           google.maps.event.addListener(map, 'click', function (event) { 
            placeMarker(event.latLng); 
           }); 
          } 

          function placeMarker(location) { 
           var marker = new google.maps.Marker({ 
            position: location, 
            map: map, 
           }); 
           var infowindow = new google.maps.InfoWindow({ 
            content: 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng() 
           }); 
           infowindow.open(map, marker); 
          } 

          google.maps.event.addDomListener(window, 'load', initialize); 
         </script> 

и здесь есть HTML форма

       <tr> 
            <td>latitude</td><td> <input type="float" name="lat"></td> 
           </tr> 
           <tr> 
            <td>longitude</td><td> <input type="float" name="lng"></td> 
           </tr> 

ответ

0

HTML

<tr> 
    <td>latitude</td><td> <input id="input-lat" type="float" name="lat"></td> 
</tr> 
<tr> 
    <td>longitude</td><td> <input id="input-lng" type="float" name="lng"></td> 
</tr> 

Javascript

function placeMarker(location) { 
    (function(location){ 
    var marker = new google.maps.Marker({ 
        position: location, 
        map: map, 
        }); 
    var infowindow = new google.maps.InfoWindow({ 
         content: 'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng() 
         }); 
    google.maps.event.addListener(marker, "click", function() { 
       infowindow.open(map, this); 
       $("#input-lat").val(location.lat()); 
       $("#input-lng").val(location.lng()); 
    }); 
    })(location); 

    } 

Я надеюсь, что это поможет :)

+0

Это так полезно! вы решили это для меня! Я очень ценю это ! –

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

  • Нет связанных вопросов^_^