html 文本字段上的信息窗口内容

Question

这是一个 javascript 代码，当您单击某个位置时，它会在标记的弹出窗口中显示纬度和经度。现在我如何才能将信息窗口的结果显示为 html 文本框？

                       <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>

Answer 1

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

  }

希望对您有所帮助:)

html 文本字段上的信息窗口内容

Infowindow content on html textfield

javascript

html

google-maps

google-maps-api-3

infowindow