0

我已经为此苦苦挣扎了大约一个月。我做了很多研究并尝试了几种不同的方法,但一直在努力。我有一张地图,其中包含使用融合表创建的多边形以及需要在其中绘制多边形的 XML 文件中的数据。它创建了两个不同的多边形。一种基于 XML 文件中的多边形线和基于 XML 文件中的县名的多边形,使用融合表来获取线。我创建了一个带有两个复选框的下拉框。一场风暴和一个县。我正在尝试设置这些复选框,以便可以切换两个不同的多边形,但我真的很难。我需要切换它们,因为如果在同一位置有两个多边形,有时多边形会相互重叠。所以我需要能够在两者之间切换。

地图位于此处... GOOGLE MAP

地图的 js 代码在这里... GOOGLE MAP CODE

这是上面链接中的代码,仅用于我创建的按钮....

//start process to set up custom drop down
        //create the check box items
        var checkOptions = {
                gmap: map,
                title: "This allows for toggling on/off Storm based polygons",
                id: "stormCheck",
                label: "Storm",
                action: function(){
                if (map.overlayMapTypes.length==0) {
                  map.overlayMapTypes.push(null); // create empty overlay entry
                  map.overlayMapTypes.setAt("1",Polygon);
                }
                else {
                    map.overlayMapTypes.clear();
                }

            }
        }
        var check1 = new checkBox(checkOptions);

        var checkOptions2 = {
                gmap: map,
                title: "This allows for toggling on/off County based polygons",
                id: "countyCheck",
                label: "County",
                action: function(){
                if (map.overlayMapTypes.length==0) {
                  map.overlayMapTypes.push(null); // create empty overlay entry
                  map.overlayMapTypes.setAt("1",CountyPolys);
                }
                else {
                    map.overlayMapTypes.clear();
                }

            }
}
        var check2 = new checkBox(checkOptions2);

        //create the input box items
        //possibly add a separator between controls
        var sep = new separator();

        //put them all together to create the drop down
        var ddDivOptions = {
            items: [sep, check1, check2],
            id: "myddOptsDiv"
        }
        //alert(ddDivOptions.items[1]);
        var dropDownDiv = new dropDownOptionsDiv(ddDivOptions);

        var dropDownOptions = {
                gmap: map,
                name: 'Alert Options',
                id: 'ddControl',
                title: 'Toggle storm or county based alerts',
                position: google.maps.ControlPosition.TOP_RIGHT,
                dropDown: dropDownDiv
        }

        var dropDown1 = new dropDownControl(dropDownOptions);

我遇到的问题是让这些切换框打开和关闭两个不同的多边形图层。我不确定我做错了什么。我从在这里找到的另一个示例中创建了这些框,但是我很难将这些多边形应用于这些复选框。

任何人都可以为我做错或错过的事情提供一些建议或提示吗?

-谢谢

4

0 回答 0