Googleマップでの位置情報の更新 - API

Question

現在、小規模なプロジェクトに取り組んでおり、API経由でGoogleマップ上の場所を更新する際に直面している問題に頭を下げることはできません。

クイックランダウン（この部分は、すべての作業） - から長いランダム緯度とを引っ張るPHPスクリプトをヒットするのAjaxを使用しbuttonIのクリックオン - いくつかの緯度と長い値 とMySQLデータベースを持っていますjsonにエンコードします。 - 緯度と経度の値を正常に取得し、警告を出したり、ページのどこにでも挿入することができます。

ここに私の問題があります。私は完全に正常に動作するGoogle Maps APIスニペットを使用しています。これはマップを表示し、ボタンのクリックで発生した関数で緯度と経度の値をハードコードすると、地図を新しい場所に再配置します。ただし、Ajaxスクリプトを使用して緯度と経度の値を挿入すると、位置は更新されません。

はここで（。。PHPとAjaxコントローラー作業のみフロントエンドjQueryの）私のコードである上記の例から

<script> 
var map; 
function initialize() 
{ 
map = new google.maps.Map(document.getElementById('map-canvas'), { 
center: new google.maps.LatLng(48.1293954,12.556663),//Setting Initial  Position 
zoom: 2 
}); 
} 


function newLocation(newLat,newLng) 
{ 
map.setCenter({ 
    lat : newLat, 
    lng : newLng 
}); 
} 

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

$(document).ready(function() 
{ 
$("#1").on('click', function() 
{ 

// Get lat and long new values from MySQL 
$.ajax({ 
    type: "POST", 
    url: 'core/ajax_controller.php?c=controller', 
    data: $(this).serialize(), 
    dataType: 'json', 
    success: function(data) { 

    newLocation(data[0],data[1]); 
    map.setZoom(15); 

} 

}); 

}); 
}); 
</script> 

。たとえば、lat値を保持しているdata [0]を警告または印刷すると、値はプレーンテキスト - "26.1725364"として表示されます。ただし、マップ関数 "newLocation"に追加すると、関数に渡されていないように見え、マップを再入力します。

しかし、私はAjaxを削除し、ちょうど次のものを持っています。それは、ボタンの各クリックがマップセンターを更新する、動作します。

$("#1").on('click', function() 
{ 
    newLocation(12.12345678,12.12345678); 
    map.setZoom(15); 

私の問題は何とか別の機能の中で2番目のjavascript関数 "newLocation"にアクセスしているようです。

これを正しく行う方法はありますか？ Ajaxリクエストから

おかげ

Answer 1

あなたdata結果は文字列の配列です。これは速いだけ推測です

success: function(data) { 

    newLocation(parseFloat(data[0]),parseFloat(data[1])); 
    map.setZoom(15); 

}