ユーザーが自分のページの Google マップに配置したマーカーをクリックすると、JSON データ (人口統計) を新しいページ (同じディレクトリ内) に送信しようとしています。私は現在 jquery-ui-map プラグインを使用しており、マーカーとクリック イベントは正常に動作しますが、コードでわかるように、JSON オブジェクトを次のページ (demo-data.html) に転送しようとしています。 . $.ajax を使用してみましたが、CORS の問題が発生しました。
私の質問は、その JSON 配列を次のページに送信し、次のページ (demo-data.html) が読み込まれたときにそれを取得して、テキストを適切な場所に配置するにはどうすればよいですか?
PS - サーバーサイド スクリプトを使用できません
ありがとう！
$(document).bind('pageshow', function () {
var mapdata = { destination: new google.maps.LatLng(59.3327881, 18.064488100000062) };
var demographics =
{
city: 'Stockholm',
county: '',
state: 'Germany',
lat: 59.3327881,
long: 18.064488100000062,
type: 'Standard',
population: 1000000,
housing: 800000,
income: 50000,
landarea: 1000000,
waterarea:10000,
decomissioned: 'No',
militarycodes: ''
};
$('h1').text('Stockholm, Germany');
$('#map_canvas').gmap(
{
'center' : mapdata.destination,
'zoom' : 12
})
.bind('init', function(evt, map) {
$('#map_canvas').gmap('addMarker',
{
'position' : map.getCenter(),
'animation' : google.maps.Animation.DROP
}, function(map, marker) {
$(marker).click(function() {
$.ajax({
url: 'demo-data.html',
type: 'POST',
data: JSON.stringify(demographics),
contentType: 'application/json; charset=utf-8',
dataType: 'json',
async: false,
success: function(msg) {
alert(msg);
}
});
});
});
});
});