Infowindow为图层中的每个多边形

时间:2012-10-18 08:09:09

标签: javascript google-maps google-fusion-tables

通常对于图层,我们可以在onclick事件引发时生成InfoWindow。但在这里,我在一个单层中有许多多边形。因此,通过查询中的where条件,我们可以获取每个条件并为它们创建样式diff。    但是我需要的是,对于图层的每个多边形,必须为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。

1 个答案:

答案 0 :(得分:0)

如果您希望您的多边形可以点击,请从选项中删除“clickable:false”。

另一个选项(失去FusionTablesLayer基于图块的渲染的好处)类似于this example,它使用Fusion Tables API v1.0查询表格并将多边形渲染为原生Google Maps API v3多边形。 / p>