このサンプルは、Yahoo! Query LaunguageとGoogle Mapsを利用して検索窓に入力した地名の場所をマップ上にマークします。サンプルが表示されたら検索窓に地名を入力して[Search Place Place!]ボタンをクリックします。日本語のときは「東京都板橋区中丸町」のように入力します。外国の地名は「Edmonton Alberta Canada」のように入力します。マーカーをクリックすると、情報ウィンドウ(吹き出し)に地名と緯度/経度が表示されます。※吹き出しの地名は英語で表示されます。
$.getJSON(url, params, function(data) {
if (data.query.count == 0) return;
var html = '';
var results = data.query.count == 1 ? data.query.results : data.query.results.place;
$.each(results, function(i, item) {
var latitude = item.centroid == null ? 0 : item.centroid.latitude;
var longitude = item.centroid == null ? 0 : item.centroid.longitude;
var city = item.locality1 == null ? 'n/a' : item.locality1.content;
var province = item.admin1 == null ? 'n/a' : item.admin1.content;
var country = item.country == null ? 'n/a' : item.country.content;
html = city + ', ' + province + ', ' + country + '<br />'
+ latitude + ', ' + longitude;
$('#address').empty().html(html);
$('#canvas').googleMaps({
latitude: latitude,
longitude: longitude,
depth: 5,
markers: {
latitude: latitude,
longituge: longitude,
info: {layer: '#address'}
}
})
return false;
});
});