geoxml3 - 带有KML图层控件的Google地图 [英] geoxml3 - Google Maps with KML layer control

问题描述

我使用geoxml3在Google地图上显示KML文件。我制作了可以打开和关闭不同KML图层的脚本。虽然每层都按预期打开，但试图关闭一层时关闭另一层。

I'm using geoxml3 to display KML files on Google Maps. I made script with which different KML layers can be turned on and off. Although every layer turns on as expected, when trying to turn off one layer, turns off another.

var G = google.maps;
var layers = new function() {this.data = [
{id:'japan',url:'kvadrati.kml'},
{id:'d1',   url:'Didzis_21.03-03.04.kml'},
{id:'d2',   url:'Didzis_04.04-17.04.kml'},
... ]};

function toggle() {for (var i=0; i<layers.data.length; i++) {
if (this.id == layers.data[i].id) {
if (layers.data[i].parsed) {
if (layers.data[i].on)
{geo.hideDocument(geo.docs[i]); layers.data[i].on = false}
else {geo.showDocument(geo.docs[i]); layers.data[i].on = true}}
else {geo.parse(layers.data[i].url); layers.data[i].parsed = true; layers.data[i].on = true}}
};};

function initialize() {
var options = {
   center:new G.LatLng(34.9, 137.3), 
   zoom:10, 
   mapTypeId:G.MapTypeId.TERRAIN, 
   scaleControl:true, 
   overviewMapControl:true, 
   mapTypeControlOptions:{style:G.MapTypeControlStyle.DROPDOWN_MENU}
};
map = new G.Map(document.getElementById('map'), options);
geo = new geoXML3.parser({
             map:map, 
             zoom:false, 
             singleInfoWindow:true, 
             infoWindowOptions:{maxWidth:100}, 
             processStyles:true, 
             markerOptions:{shadow:''}
      });
var el = document.getElementsByTagName('input');
for (var i=0; i<el.length; i++) {
    el[i].type = 'checkbox'; 
    G.event.addDomListener(el[i], 'click', toggle)};
};
G.event.addDomListener(window, 'load', initialize);

我确定这个问题出现在函数toggle（）中：

I'm sure that problem is in function toggle() where appears:

geo.[show/hide]Document(geo.docs[i]);

在这里测试。
加载图层需要相当长的时间，因为它们处于未压缩（KML）格式。我读过geoxml3应该支持 KMZ文件，我甚至复制了这个例子中的每个文件，但它没有为我工作。任何人都知道为什么会这样？

Test it here. It takes quite a long time to load a layer because they are in uncompressed (KML) format. I read that geoxml3 should support KMZ files, I even copied every file from this example but it wasn't working for me. Anybody knows why so?

推荐答案

最后，我得到了正确的代码，其中函数toggle（）是：

Finally I got the right code where function toggle() is:

function toggle() {
for (var i=0; i<layers.length; i++) {
var x = layers[i];
var xurl = './layers/' + x.url;
if (this.id == x.id)
{if (x.render)
{for (var n=0; n<geo.docs.length; n++)
{var y = geo.docs[n];
if (y.url == xurl)
{if (x.on) {geo.hideDocument(y); x.on = false} else {geo.showDocument(y); x.on = true}}
}}
else {geo.parse(xurl); x.render = true; x.on = true}}}};

非常疯狂的函数，很多if语句，但我想它不可能比这更简单或更干净。

Quite crazy function, many if statements but I guess it can't be any simpler or cleaner than this.

编辑：

function toggle() {var x = this;
if (x.r) {(x.on) ? geo.hideDocument(geo.docs[x.n]) : geo.showDocument(geo.docs[x.n])}
else {geo.parse(x.href); x.r = true; x.n = geo.docs.length}; x.on = !x.on};

删除了图层数组，因为它不是必需的，现在我使用锚定标记中的href来解析一个图层，不是点击输入而是一个元素。所以剧本变得非常简短。

Removed layers array as it wasn't necessary, now I'm using href from anchor tags to parse a layer, not clicking input but a elements. So the script turned out really short.

这篇关于geoxml3 - 带有KML图层控件的Google地图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！