1

Google API でフュージョン テーブルを使用しています。メッセージを表示するクリックのイベントを追加したい。クリックを押すと、融合テーブルからのすべての情報を含むメッセージ ボックスが表示されます。このメッセージ ボックスを制御し、データを使用して別のメッセージ ボックスを表示することはできますか? メッセージ ボックスを無効にできますか?

よろしく、 ヨッシ

4

2 に答える 2

5

ページまたはコードへのリンクが表示されない場合、これらのスニペットをドロップインして機能することはわかりませんが、infowindowsを抑制することは難しくなく、レイヤーマップを定義した後に追加できます。

スニペットの例は次のとおりです。

layer = new google.maps.FusionTablesLayer(1264600, {suppressInfoWindows: true});
layer.setQuery("SELECT geometry FROM 1264600");
layer.setMap(map);

ユーザーがテーブルのデータに基づいてマップをクリックしたときにカスタム情報ウィンドウを作成するには、次のようにします。

//click listener on layer
google.maps.event.addListener(layer, 'click', function(e) {
map.setZoom(7);
if(infowindow) infowindow.close();
else infowindow = new google.maps.InfoWindow();

    //create info window layer
    infoWindowContent = infowindow.setContent(
        '<h3>This comes from the Fusion Table: <br />' + e.row['NAMELSAD10'].value + '</h3>' +
        '<br />' +
        '<p>This is hardcoded to the script <br /> and will appear in each infowindow</p>');

    infowindow.setPosition(e.latLng);
    map.setCenter(e.latLng);
    infowindow.open(map);        
});

すべてをまとめると、次のようになります。http: //jsfiddle.net/chrislkeller/rYfwm/6/

これがお役に立てば幸いです。さらに質問があれば、コードを投稿してください...

クリスK。

于 2012-05-22T12:16:33.470 に答える
0

Fusion テーブルを使用してカスタム情報ウィンドウを作成しようとしているようです。これを行う方法を説明するヘルプ ドキュメントのページがあります。

http://support.google.com/fusiontables/bin/answer.py?hl=ja&answer=171216

「カスタム テンプレートの作成」の見出しを確認してください

于 2012-05-21T16:27:28.840 に答える