0

通常、レイヤーの場合、onclick イベントが発生したときに InfoWindow を生成できます。しかし、ここでは、単一のレイヤーに多数のポリゴンがあります。したがって、クエリの where 条件によって、それぞれを取得し、それらのスタイルを比較することができます。しかし、ここで必要なのは、レイヤーのポリゴンごとに、onclick イベントに対して InfoWndow を生成する必要があることです。

ここでは、レイヤー内の各ポリゴンをスタイリングするためのコードを示します。

    var layer =  new google.maps.FusionTablesLayer(
                                    {
                                         query: {
                                                    select: 'geometry',
                                                    from: 'myTableId'
                                                },
                                         styles: [  
                                                    {
                                                        where: "Dist_id in ('0101001') and Insert_date='25/08/2012'",
                                                        polygonOptions: {   strokeColor:"#0071bc",fillColor:"#0000FF",fillOpacity:0.2,strokeWeight:2,clickable:false }
                                                     },
                                                    {
                                                        where: "Dist_id in ('0101002') and Insert_date='25/08/2012'",
                                                        polygonOptions: {   strokeColor:"#0071bc",fillColor:"#FF0000",fillOpacity:0.2,strokeWeight:2,clickable:false }
                                                     },
                                                    {
                                                        where: "Dist_id in ('0101003') and Insert_date='25/08/2012'",
                                                        polygonOptions: {   strokeColor:"#0071bc",fillColor:"#00FF00",fillOpacity:0.2,strokeWeight:2,clickable:false }
                                                     },
                                                    {
                                                        where: "Dist_id in ('0101004') and Insert_date='25/08/2012'",
                                                        polygonOptions: {   strokeColor:"#0071bc",fillColor:"#FF00FF",fillOpacity:0.2,strokeWeight:2,clickable:false }
                                                     },
                                                    {
                                                        where: "Dist_id in ('0101005') and Insert_date='25/08/2012'",
                                                        polygonOptions: {   strokeColor:"#0071bc",fillColor:"#00FFFF",fillOpacity:0.2,strokeWeight:2,clickable:false }
                                                     }
                                                 ],
                                                 map:map                                              
                                    });

レイヤーのポリゴンごとに InfoWindow を生成するにはどうすればよいですか。

4

1 に答える 1

0

ポリゴンをクリック可能にしたい場合は、オプションから「クリック可能: false」を削除します。

もう 1 つのオプション (FusionTablesLayer タイル ベースのレンダリングの利点が失われます) は、Fusion Tables API v1.0 を使用してテーブルをクエリし、ポリゴンをネイティブの Google Maps API v3 ポリゴンとしてレンダリングするこの例のようなものです。

于 2012-10-18T12:59:45.193 に答える