私が作成した Google マップと、データベースからの建物マーカーがあります。これらのマーカーに DB からの情報を入力しています。私がやりたいことは、マップの右側にある div にその情報を入力することです。私の考えでは、ajax を介してマーカーの ID をページに送信すると、情報が検索され、そのページに情報がリロードされます。私はせいぜい ajax の初心者であり、どこから始めればよいかわかりません。
助けてくれてありがとう。
私が作成した Google マップと、データベースからの建物マーカーがあります。これらのマーカーに DB からの情報を入力しています。私がやりたいことは、マップの右側にある div にその情報を入力することです。私の考えでは、ajax を介してマーカーの ID をページに送信すると、情報が検索され、そのページに情報がリロードされます。私はせいぜい ajax の初心者であり、どこから始めればよいかわかりません。
助けてくれてありがとう。
jQuery を使用する場合は難しくありません。load メソッドを使用することをお勧めします。ajax リクエストを開始し、レスポンスをターゲットにロードします。
google.maps.event.addListener(marker, 'click', function() {
$('#divID').load('some.php?id=123');
});
(divID は、応答を表示する要素の ID です)
マーカーを作成するときは、インフォウィンドウにhtmlを挿入します。行を参照してください。var html
function createMarker(latlng, name, id) {
var html = "<b> Marker " + id + "</b> <br/><br/><button onclick='doIt("+id+")'>Do It</button>";var image = "icons/XX.png";
var shadow = "icons/XXX.png";
var marker = new google.maps.Marker({
map: map,
position: latlng,
icon: image,
shadow: shadow
});
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
}
function doIt(id)
リロードするためにAjaxを実行します。