このサンプルは、Google Maps(v3)とYahoo! Query Languageを利用してサンフランシスコの寿司屋を表示します。マーカーをクリックすると店名と住所が表示されます。リンクをクリックするとお店のサイトを表示します。
YQLを利用してサンフランシスコの寿司屋を検索するためのSQL構文です。ここでは、local.searchのテーブルからwhere句に抽出条件を設定して検索しています。
var url = 'http://query.yahooapis.com/v1/public/yql?callback=?'
var sql = 'select * from local.search where query="sushi" and location="san francisco, ca"';
var params = {
q: sql,
format: 'json'
}
$.getJSON(url, params, function(data) {
if (data.query.count == 0) return;
var results = data.query.results.Result;
for (var i in results) {
var title = results[i].Title;
var url = results[i].BusinessUrl;
var address = results[i].Address;
var city = results[i].City;
var state = results[i].State;
var lati = results[i].Latitude;
var long = results[i].Longitude;
var latlng = new google.maps.LatLng(parseFloat(lati), parseFloat(long));
var temp = '<a href={href} target="_blank">{title}</a><br />{address}, {city}'
var content = temp.replace('{href}', url).replace('{title}', title)
.replace('{address}', address).replace('{city}', city);
addMarker(latlng, title, content);
}
});