Freebaseの提案は素晴らしく見えるので、テストしたいと思いました。最初に、彼らの簡単な例をコピーして新しいページに貼り付け、ローカルでテストしました。入力ボックスに何かを入力し始めるとすぐに結果のリストが表示されましたが、フライアウトペインは空のままでした。ここにそのページのコードがあります:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/freebase/suggest/4_0/suggest.min.css" />
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/freebase/suggest/4_0/suggest.min.js"></script>
<script type="text/javascript">
$(function() {
$("#myinput").suggest({
filter:'(all type:/film/film)'});
});
</script>
</head>
<body>
<input type="text" id="myinput"/>
</body>
</html>
たとえば、スターウォーズを検索すると、フライアウトペインに読み込まれる画像やテキストがありません。APIキーがないためだと思ったので、GoogleのAPIコンソールで取得し、リファラーとして「http://mysite.com:8888/mysite.com/」を追加しました(これはMAMPフォルダーでテストしています)。 )。wikiページで説明されているように、コードにキーを追加しました。
$("#myinput").suggest({
key:'my key',
filter:'(all type:/film/film)'});
});
入力ボックスに何かを入力すると、結果として「検索中...」と表示されます。google APIコンソールで何か間違ったことをしたと思いますが、どの審判を入力すればよいかわかりません。