我已经为此苦苦挣扎了大约一个月。我做了很多研究并尝试了几种不同的方法,但一直在努力。我有一张地图,其中包含使用融合表创建的多边形以及需要在其中绘制多边形的 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);
我遇到的问题是让这些切换框打开和关闭两个不同的多边形图层。我不确定我做错了什么。我从在这里找到的另一个示例中创建了这些框,但是我很难将这些多边形应用于这些复选框。
任何人都可以为我做错或错过的事情提供一些建议或提示吗?
-谢谢