在Google Maps V3中切换多边形图层

时间:2013-06-16 23:06:39

标签: google-maps google-maps-api-3 polygons google-polyline

我一直在努力解决这个问题大约一个月。我已经做了很多研究,并尝试了几个不同的东西,但继续罢工。我有一个地图,其中包含使用融合表创建的多边形,以及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);

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

任何人都可以提供一些建议或提示,告诉我错误或遗失的内容吗?

-Thanks

0 个答案:

没有答案