Flex 网站中的 Google 地图翻转问题

Question

我在 Flex 网站中使用 Google 地图来创建地图。我在地图上覆盖了多边形。当用户将鼠标滑过多边形时，会打开一个信息窗口来标识该区域，并且该区域的填充 Alpha 会设置为 0。展开时，信息窗口会被删除，填充 Alpha 会返回到默认值 0.2。

多边形显示并且信息窗口已正确添加和删除。问题在于填充 Alpha 的更改仅发生在列表中的最后一个多边形上。例如，如果我有多边形 A、B、C 和 D。如果我翻转 A，那么 A 的 alpha 应该改变。但是，D 的 alpha 却发生了变化。无论我翻转哪个多边形，最后一个多边形的 Alpha 都会发生变化。这很奇怪，因为 infoWindows 在翻转时表现正常。因此，如果我将鼠标悬停在多边形 A 上，则会显示 InfoWindow A 的正确信息。

请参阅下面的代码：

private function allEncodedPolygons(event:MouseEvent) : void {
                var myPaneManager:IPaneManager = map.getPaneManager();
                var myMapPane:IPane = myPaneManager.createPane();



                if (allHoodsToggle.selected) { 

                    map.clearOverlays();
                    mapType.selectedIndex = -1;

                    for each (var neighbNode:XML in detailMapResultData){
                      outlinePolygon = this.createPoly(neighbNode);
                    map.addOverlay(outlinePolygon)};

                    allHoodsToggle.removeEventListener(MouseEvent.CLICK, allEncodedPolygons);


                }
               else {myPaneManager.clearOverlays(); allHoodsToggle.removeEventListener(MouseEvent.CLICK, allEncodedPolygons); 

                    }       


    }

下面的函数创建多边形并具有翻转函数：

private var neighbShapes:Polygon;

    private function createPoly(neighbNode:XML):Polygon {
        var optionsDefault:PolygonOptions = new PolygonOptions( { strokeStyle: {thickness: 5, color: 0xFFFF00, alpha: 0.4, pixelHinting: true}, fillStyle: { alpha: 0.2 }} ); 


        var neighbCenterLat:Number = neighbNode.latitudeCenter.toString(); 
        var neighbCenterLong:Number = neighbNode.longitudeCenter.toString(); 
        var neighbCenter:LatLng = new LatLng(neighbCenterLat,neighbCenterLong);
        var optionsHover:PolygonOptions = new PolygonOptions( { fillStyle: { alpha: 0.0 }} ); 
        var encodedData:EncodedPolylineData = new EncodedPolylineData(neighbNode.encoding.toString(), neighbNode.zoomFactor.toString(), neighbNode.level.toString(), neighbNode.numlevels.toString());
        var encodedList:Array = [encodedData];
        neighbShapes = Polygon.fromEncoded(encodedList, optionsDefault);

        neighbShapes.addEventListener(MapMouseEvent.CLICK, function(event:MapMouseEvent): void {
           map.openInfoWindow(event.latLng, new InfoWindowOptions({content: neighbNode.name.toString(), hasCloseButton:false, hasShadow:true}));
        });

        neighbShapes.addEventListener(MapMouseEvent.ROLL_OVER, function(event:MapMouseEvent): void {
            neighbShapes.setOptions(optionsHover);

            map.openInfoWindow(neighbCenter, new InfoWindowOptions({content: neighbNode.name.toString(), hasCloseButton:false, hasShadow:false})); 
        });

        neighbShapes.addEventListener(MapMouseEvent.ROLL_OUT, function(event:MapMouseEvent): void {
            neighbShapes.setOptions(optionsDefault); 
        });

         return neighbShapes;
    }

对于为什么更改 alpha 的函数仅在最后一个多边形上触发，即使 InfoWindow 显示正确，有什么建议吗？如果有人有任何想法，我很想听听。

谢谢。

-拉克斯米迪

Answer 1

好吧，我明白了。我不应该以 neighbShapes 为目标来设置悬停选项，而应该使用： event.currentTarget.setOptions(optionsHover);

-拉克斯米迪