GoogleマップのJavaScriptからphpへのlatlngの更新方法v3

Question

マップをドラッグした後、地図上にマーカーを表示する必要があります。どのように私はデータを取得するために私のPHPコードにjavascriptから現在の地図の中心を渡すのですか？ latlngは更新されていません。

var CHANGE_MARKERS = false; 
var CITY_MAP_CENTER_LAT= '12.971598'; 
var CITY_MAP_CENTER_LNG= '77.594569'; 
var CITY_MAP_ZOOMING_FACT= 15; 
var CITY_MAP_VIEW_TYPE = ''; 
var LAT = ""; 
var LNG = ""; 
var LATLNG = ""; 
var A1,A2,A3,A4; 

var map; 
var mgr; 
var mc = null; 
var markerClusterer = null; 
var showMarketManager = false; 
var infoWindow; 
var markersarray = []; 
var allmarkers = []; 

function setLatLng(){ 
    if(CHANGE_MARKERS == false){ 
     LAT = '12.971598'; 
     LNG = '77.594569'; 
    } 
    else{ 
     var ctr = map.getCenter(); 
     LAT =ctr.lat(); 
     LNG =ctr.lng(); 
    } 
} 

function setMarkers(){ 

    allmarkers.length = 0; 
    allmarkers = []; 
    var markers = []; 
    if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
    else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
     alert(<?php echo $_SESSION['center']; ?>); 
     //var markersData = xmlhttp.responseText; 
     //alert(markersData); 
     markers = {'data':[ 

      <?php 


      ?> 

     ]}; 

     for (var level in markers) { 
      //alert(markers[level].length); 
     } 
    } 
    } 
    xmlhttp.open("GET","../subscriber_listing/google.php?center=" + map.getCenter(),false); 
    xmlhttp.send(); 

    if (markers) { 
     for (var level in markers) { 
      //alert(markers[level].length); 
      for (var i = 0; i < markers[level].length; i++) { 
       var details = markers[level][i]; 
       //alert(details.name); 
       var image = new google.maps.MarkerImage(details.icons,new google.maps.Size(PIN_POINT_ICON_WIDTH, PIN_POINT_ICON_HEIGHT)); 

       var myLatLng = new google.maps.LatLng(details.location[0], details.location[1]); 

       var newmarker = createMarker(details.name,myLatLng,image); 
       allmarkers.push(newmarker); 
      } 
      mgr.addMarkers(allmarkers, 0); 
     } 
     mgr.refresh(); 
     } 
} 

function doSearch(){ 
    display(); 

    CHANGE_MARKERS = true; 

    initialize(); 
} 

function createMarker(name,latlng,image){ 
    var marker = new google.maps.Marker({ 
      title: name, 
      position: latlng, 
      icon: image, 
      clickable: true, 
      draggable: false, 
      flat: true 
    }); 
    return marker; 
} 

function display(){ 

    if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
    else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    } 
    } 
    xmlhttp.open("GET","../subscriber_listing/google.php?center=" + map.getCenter(),false); 
    xmlhttp.send(); 
} 

if(CITY_MAP_CENTER_LAT=='') 
{ 
    var CITY_MAP_CENTER_LAT = 34; 
} 
if(CITY_MAP_CENTER_LNG=='') 
{ 
    var CITY_MAP_CENTER_LNG = 0; 
} 
if(CITY_MAP_CENTER_LAT!='' && CITY_MAP_CENTER_LNG!='' && CITY_MAP_ZOOMING_FACT!='') 
{ 
    var CITY_MAP_ZOOMING_FACT = 13; 
}else if(CITY_MAP_ZOOMING_FACT!='') 
{ 
    var CITY_MAP_ZOOMING_FACT = 3; 
} 
var PIN_POINT_ICON_HEIGHT = 32; 
var PIN_POINT_ICON_WIDTH = 20; 

if(CITY_MAP_VIEW_TYPE=='TERRAIN') 
{ 
    var maptype= google.maps.MapTypeId.TERRAIN; 
}else 
if(CITY_MAP_VIEW_TYPE=='SATELLITE') 
{ 
    var maptype= google.maps.MapTypeId.SATELLITE; 
}else 
if(CITY_MAP_VIEW_TYPE=='') 
{ 
    var maptype= google.maps.MapTypeId.ROADMAP; 
} 
if(MAP_DISABLE_SCROLL_WHEEL_FLAG) 
{ 
    var MAP_DISABLE_SCROLL_WHEEL_FLAG = 'No'; 
} 


function initialize() { 
    setLatLng(); 

    var myOptions = { 
     zoom: CITY_MAP_ZOOMING_FACT, 
     center: new google.maps.LatLng(LAT, LNG), 
     mapTypeId: maptype 
    } 
    map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); 
    mgr = new MarkerManager(map); 
    infoWindow = infoWindow = new google.maps.InfoWindow(); 

    google.maps.event.addListener(mgr, 'loaded', function(){ 
     setMarkers(); 
    }); 


    google.maps.event.addListener(map, "dragend", function() { 
      doSearch(); 
    }); 

} 
google.maps.event.addDomListener(window, 'load', initialize); 

Answer 1

のJavaScript API v3では緯度/経度の値を取得する：

map.getCenter().lat() // latitude in degrees 
map.getCenter().lng() // longitude in degrees 

center_changedおよび/またはdragendイベントのリスナーを追加し、マップをドラッグされた後にこれらの値を取得するには。

マップがレンダリングされた後、つまりサーバー側のPHPが既に実行された後で、これが起こるので、AJAXなどの技術を使用してサーバーに値を送信する必要があります。何らかの理由でPHPでそれらを処理する必要があります。