php - フィールドへの値の設定

Question

そのため、ユーザーが何かを書き始めると、open.php にフィールド アドレスがあり、オートコンプリートのために Google アドレスに影響を与えます。ユーザーが住所を選択すると、地図上にマーカーが配置され、緯度/経度フィールドが入力されます。

ここで、ユーザーが前のページのアドレス フィールドに入力する可能性を追加しました。次に、open.php が URL からアドレスを取得します。

<input id="address" type="text" value="<?php echo $_GET['query']; ?>"/>

しかし、その後、JS スクリプトは実行されず、緯度と経度の地図にデータが入力されません。どうすればこれを解決できますか?

(ユーザーがopen.phpに直接入力できるため、ユーザーが前のページのアドレスフィールドに入力できるようにする必要があります)

ありがとうございました！

JS からのコード:

var geocoder;
var map;
var marker;

function initialize(){
//MAP
  var latlng = new google.maps.LatLng(49.599,6.134);
  var options = {
    zoom: 14,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.HYBRID
  };

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

  //GEOCODER
  geocoder = new google.maps.Geocoder();

  marker = new google.maps.Marker({
    position: latlng,
    map: map,
    animation: google.maps.Animation.BOUNCE,
    draggable: true
  });

}

$(document).ready(function() { 

  initialize();

  $(function() {
    $("#address").autocomplete({
      //This bit uses the geocoder to fetch address values
      source: function(request, response) {
      // geocoder.geocode( {'address': request.term }, function(results, status) {
        geocoder.geocode( {'address': request.term + ', lu' }, function(results, status) {
          response($.map(results, function(item) {
            return {
              label:  item.formatted_address,
              value: item.formatted_address,
              latitude: item.geometry.location.lat(),
              longitude: item.geometry.location.lng()
            }
          }));
        })
      },
      //This bit is executed upon selection of an address
      select: function(event, ui) {
        $("#latitude").val(ui.item.latitude);
        $("#longitude").val(ui.item.longitude);
        var location = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
        marker.setPosition(location);
        map.setCenter(location);
      }
    });
  });

  //Add listener to marker for reverse geocoding
  google.maps.event.addListener(marker, 'drag', function() {
    geocoder.geocode({'latLng': marker.getPosition()}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        if (results[0]) {
          $('#address').val(results[0].formatted_address);
          $('#latitude').val(marker.getPosition().lat());
          $('#longitude').val(marker.getPosition().lng());
        }
      }
    });
  });

});

enter code here

Answer 1

次のようなものを試してください

$('#address').trigger('change');