cordova-plugin-googlemaps/www/KmlLoader.js

Google Maps native SDK for Android and iOS, and Google Maps JavaScript API v3 for browser.

var utils = require('cordova/utils'),
  event = require('./event'),
  BaseClass = require('./BaseClass'),
  BaseArrayClass = require('./BaseArrayClass'),
  VisibleRegion = require('./VisibleRegion');

/*****************************************************************************
 * KmlLoader Class
 *****************************************************************************/
var KmlLoader = function(map, exec, options) {
  BaseClass.apply(this);

  var self = this;
  //self.set("visible", KmlLoaderOptions.visible === undefined ? true : KmlLoaderOptions.visible);
  //self.set("zIndex", KmlLoaderOptions.zIndex || 0);
  Object.defineProperty(self, '_overlays', {
    value: new BaseArrayClass(),
    writable: false
  });
  Object.defineProperty(self, '_isReady', {
    value: true,
    writable: false
  });
  Object.defineProperty(self, 'type', {
    value: 'KmlLoader',
    writable: false
  });
  Object.defineProperty(self, 'map', {
    value: map,
    writable: false
  });
  Object.defineProperty(self, 'exec', {
    value: exec,
    writable: false
  });
  Object.defineProperty(self, 'options', {
    value: options,
    writable: false
  });
  Object.defineProperty(self, 'kmlUrl', {
    value: options.url,
    writable: false
  });
  Object.defineProperty(self, 'camera', {
    value: {
      target: []
    },
    writable: false
  });
};

utils.extend(KmlLoader, BaseClass);

KmlLoader.prototype.parseKmlFile = function(callback) {
  var self = this;

  self.exec.call(self.map, function(kmlData) {
    //var rawKmlData = JSON.parse(JSON.stringify(kmlData));
    //console.log(rawKmlData);
    Object.defineProperty(self, 'kmlStyles', {
      value: kmlData.styles,
      writable: false
    });
    Object.defineProperty(self, 'kmlSchemas', {
      value: kmlData.schemas,
      writable: false
    });

    var placeMarks = new BaseArrayClass(kmlData.root.children);
    placeMarks.mapAsync(function(placeMark, cb) {
      self.kmlTagProcess.call(self, {
        child: placeMark,
        attrHolder: {},
        styles: {
          children: []
        }
      }, cb);
    }, function(placeMarkOverlays) {
      placeMarkOverlays = placeMarkOverlays.filter(function(overlay) {
        return !!overlay;
      });
      var result = placeMarkOverlays.shift();
      //result.set('kmlData', rawKmlData);
      callback.call(self, self.camera, result);
    });
  }, self.map.errorHandler, self.map.__pgmId, 'loadPlugin', ['KmlOverlay', {
    url: self.options.url
  }], {sync: true});
};

KmlLoader.prototype.kmlTagProcess = function(params, callback) {
  var self = this;

  if (params.child.styleIDs) {
    //---------------------------
    // Read styles if specified
    //---------------------------
    var styleIDs = new BaseArrayClass(params.child.styleIDs);
    styleIDs.mapAsync(function(styleId, cb) {
      self.getStyleById.call(self, styleId, cb);
    }, function(styleSets) {

      //-----------------------------------
      // Merge styles with parent styles,
      //-----------------------------------
      var merged = {};
      styleSets.unshift(params.styles);
      styleSets.forEach(function(styleSet) {
        styleSet.children.forEach(function(style) {
          merged[style.tagName] = merged[style.tagName] || {};
          style.children.forEach(function(styleEle) {
            merged[style.tagName][styleEle.tagName] = styleEle;
          });
        });
      });

      params.styles = {};
      var keys = Object.keys(merged);
      params.styles.children = keys.map(function(tagName) {
        var properties = Object.keys(merged[tagName]);
        var children = properties.map(function(propName) {
          return merged[tagName][propName];
        });
        return {
          tagName: tagName,
          children: children
        };
      });
      //------------------------
      // then process the tag.
      //------------------------
      self.parseKmlTag.call(self, params, callback);

    });
  } else {
    //-------------------------------------------------
    // No styleID is specified, just process the tag
    //-------------------------------------------------
    self.parseKmlTag.call(self, params, callback);
  }
};

KmlLoader.prototype.getObjectById = function(requestId, targetProp, callback) {
  var self = this;

  if (!requestId) {
    return callback.call(self, {children: []});
  }
  var i, child,
    results = {};
  if (requestId.indexOf('http://') === 0 ||
    requestId.indexOf('https://') === 0 ||
    requestId.indexOf('.kml') !== -1) {

    if (requestId.indexOf('://') === -1) {
      requestId = self.kmlUrl.replace(/\/[^/]+$/, '/') + requestId;
    }
    //---------------------------
    // Load additional kml file
    //---------------------------
    var requestUrl = requestId.replace(/#.*$/, '');
    var requestIdentify = requestId.replace(/^.*?#/, '');

    if (requestUrl in self[targetProp]) {
      self[targetProp][requestUrl] = self[targetProp][requestUrl] || {};
      results = self[targetProp][requestUrl][requestIdentify] || {
        children: []
      };
      for (i = 0; i < results.children.length; i++) {
        child = results.children[i];
        if (child.tagName === 'pair' && child.key === 'normal') {
          return self.getObjectById.call(self, child.styleIDs[0], targetProp, callback);
        }
      }
      callback.call(self, results);
      return;
    }

    var loader = new KmlLoader(self.map, self.exec, {
      url: requestUrl
    });
    loader.parseKmlFile(function(camera, anotherKmlData) {
      var extendProps = [
        {src: 'styles', dst: 'kmlStyles'},
        {src: 'schemas', dst: 'kmlSchemas'}
      ];
      extendProps.forEach(function(property) {
        var properties = anotherKmlData.get('kmlData')[property.src];
        self[property.dst][requestUrl] = {};

        var keys = Object.keys(properties);
        keys.forEach(function(key) {
          self[property.dst][requestUrl][key] = properties[key];
        });
      });

      self[targetProp][requestUrl] = self[targetProp][requestUrl] || {};
      results = self[targetProp][requestUrl][requestIdentify] || {
        children: []
      };
      for (i = 0; i < results.children.length; i++) {
        child = results.children[i];
        if (child.tagName === 'pair' && child.key === 'normal') {
          return self.getObjectById.call(self, child.styleIDs[0], targetProp, callback);
        }
      }
      return callback.call(self, results);
    });
    return;
  }

  requestId = requestId.replace('#', '');
  if (requestId in self[targetProp] === false) {
    callback.call(self, {children: []});
    return;
  }
  results = self[targetProp][requestId];

  results.children.filter(function(style) {
    if (style.tagName !== 'pair') {
      return true;
    }
    for (var j = 0; j < style.children.length; j++) {
      if (style.children[j].tagName === 'key' &&
        style.children[j].value === 'highlight') {
        return false;
      }
    }
    return true;
  });

  var containPairTag = false;
  for (i = 0; i < results.children.length; i++) {
    if (results.children[i].tagName === 'pair') {
      containPairTag = true;
      break;
    }
  }
  if (!containPairTag) {
    callback.call(self, results);
    return;
  }

  //---------------------------------------------------------
  // should contain 'tagName = "key", value="normal"' only
  //---------------------------------------------------------
  self.getObjectById.call(self, results.children[0].styleIDs[0], targetProp, function(resultSets) {
    if (resultSets.children) {
      results = resultSets;
    } else {
      results.children = resultSets;
    }
    callback.call(self, results);
  });

};

KmlLoader.prototype.getStyleById = function(requestId, callback) {
  this.getObjectById.call(this, requestId, 'kmlStyles', callback);
};

KmlLoader.prototype.getSchemaById = function(requestId, callback) {
  this.getObjectById.call(this, requestId, 'kmlSchemas', callback);
};

KmlLoader.prototype.parseKmlTag = function(params, callback) {
  var self = this;
  switch (params.child.tagName) {
  case 'kml':
  case 'folder':
  case 'placemark':
  case 'document':
  case 'multigeometry':
    self.parseContainerTag.call(self, {
      placeMark: params.child,
      styles: params.styles,
      attrHolder: JSON.parse(JSON.stringify(params.attrHolder))
    }, callback);
    break;

  case 'photooverlay':
  case 'point':
    self.parsePointTag.call(self, {
      child: params.child,
      placeMark: params.placeMark,
      styles: params.styles,
      attrHolder: params.attrHolder
    }, callback);
    break;
  case 'polygon':
    self.parsePolygonTag.call(self, {
      child: params.child,
      placeMark: params.placeMark,
      styles: params.styles,
      attrHolder: params.attrHolder
    }, callback);
    break;
  case 'linestring':
    self.parseLineStringTag.call(self, {
      child: params.child,
      placeMark: params.placeMark,
      styles: params.styles,
      attrHolder: params.attrHolder
    }, callback);
    break;

  case 'groundoverlay':
    self.parseGroundOverlayTag.call(self, {
      child: params.child,
      placeMark: params.placeMark,
      styles: params.styles,
      attrHolder: params.attrHolder
    }, callback);
    break;
  case 'networklink':
    self.parseNetworkLinkTag.call(self, {
      child: params.child,
      placeMark: params.placeMark,
      styles: params.styles,
      attrHolder: params.attrHolder
    }, callback);
    break;

  case 'lookat':
    self.parseLookAtTag.call(self, {
      child: params.child,
    }, callback);
    break;

  case 'extendeddata':
    self.parseExtendedDataTag.call(self, {
      child: params.child,
      placeMark: params.placeMark,
      styles: params.styles,
      attrHolder: params.attrHolder
    }, callback);
    break;
  default:
    params.attrHolder[params.child.tagName] = params.child;
    callback();
  }
};

KmlLoader.prototype.parseExtendedDataTag = function(params, callback) {
  var self = this;
  if (params.child && params.child.children) {
    params.attrHolder.extendeddata = {};
    params.child.children.forEach(function(child) {
      switch(child.tagName) {
      case 'data':
        child.children.forEach(function(data) {
          var dataName = child.name.toLowerCase();
          switch(data.tagName) {
          case 'displayname':
            params.attrHolder.extendeddata[dataName + '/displayname'] = data.value;
            break;
          case 'value':
            params.attrHolder.extendeddata[dataName] = data.value;
            break;
          default:
            break;
          }
        });
        break;
      case 'schemadata':
        self.getSchemaById(child.schemaUrl, function(schemas) {
          var schemaUrl = schemas.name;
          schemas.children.forEach(function(simplefield) {
            if (simplefield.tagName !== 'simplefield') {
              return;
            }
            if ('children' in simplefield) {
              simplefield.children.forEach(function(valueTag) {
                var schemaPath = schemaUrl + '/' + simplefield.name + '/' + valueTag.tagName;
                schemaPath = schemaPath.toLowerCase();
                params.attrHolder.extendeddata[schemaPath] = valueTag.value;
              });
            } else {
              var schemaPath = schemaUrl + '/' + simplefield.name;
              schemaPath = schemaPath.toLowerCase();
              params.attrHolder.extendeddata[schemaPath] = simplefield.value;
            }
          });
          child.children.forEach(function(simpledata) {
            var schemaPath = schemaUrl + '/' + simpledata.name;
            schemaPath = schemaPath.toLowerCase();
            params.attrHolder.extendeddata[schemaPath] = simpledata.value;
          });
        });
        break;

      default:

        child.children.forEach(function(data) {
          params.attrHolder.extendeddata[child.tagName] = data;
        });
        break;
      }
    });
  }
  callback();
};

KmlLoader.prototype.parseContainerTag = function(params, callback) {
  var self = this;

  var keys = Object.keys(params.placeMark);
  keys = keys.filter(function(key) {
    return key !== 'children';
  });

  //--------------------------------------------------------
  // Generate overlays or load another files...etc
  //--------------------------------------------------------
  var children = new BaseArrayClass(params.placeMark.children);
  children.mapAsync(function(child, cb) {

    //-------------------------
    // Copy parent information
    //-------------------------
    keys.forEach(function(key) {
      if (key in child === false) {
        child[key] = params.placeMark[key];
      }
    });
    //-------------------------
    // read a child element
    //-------------------------
    self.kmlTagProcess.call(self, {
      child: child,
      placeMark: params.placeMark,
      styles: params.styles,
      attrHolder: params.attrHolder
    }, cb);
  }, function(overlays) {
    overlays = overlays.filter(function(overlay) {
      return !!overlay;
    });
    var attrNames = Object.keys(params.attrHolder);
    if (overlays.length === 0) {
      overlays.push(new BaseClass());
    }

    if (params.placeMark.tagName === 'placemark') {
      // attrNames.forEach(function(name) {
      //   switch(name) {
      //     case "extendeddata":
      //       overlays[0].set(name, params.attrHolder[name]);
      //       break;
      //     case "snippet":
      //       overlays[0].set("_snippet", params.attrHolder[name].value);
      //       break;
      //     default:
      //       overlays[0].set(name, params.attrHolder[name].value);
      //       break;
      //   }
      // });

      callback.call(self, overlays[0]);
    } else {
      var container = new BaseArrayClass(overlays);
      Object.defineProperty(container, 'tagName', {
        value: params.placeMark.tagName,
        writable: false
      });
      attrNames.forEach(function(name) {
        switch(name) {
        case 'extendeddata':
          container.set(name, params.attrHolder[name]);
          break;
        default:
          container.set(name, params.attrHolder[name].value);
          break;
        }
      });
      callback.call(self, container);
    }
  });
};

KmlLoader.prototype.parsePointTag = function(params, callback) {
  var self = this;
  //console.log("parsePointTag", params);

  //--------------
  // add a marker
  //--------------
  var markerOptions = {
    visible: true
  };
  params.styles.children.forEach(function(child) {
    switch (child.tagName) {

    // // Don't use this code because this replace original 'description' field.
    // case "balloonstyle":
    //   child.children.forEach(function(style) {
    //     switch (style.tagName) {
    //       case "description":
    //         markerOptions.description = {
    //           value: style.value
    //         };
    //         break;
    //     }
    //   });
    //   break;

    case 'iconstyle':
      child.children.forEach(function(style) {
        switch (style.tagName) {
        case 'hotspot':
          markerOptions.icon = markerOptions.icon || {};
          markerOptions.icon.hotspot = style;
          break;
        case 'heading':
          markerOptions.icon = markerOptions.icon || {};
          markerOptions.icon.rotation = style;
          break;
        case 'icon':
          markerOptions.icon = markerOptions.icon || {};
          markerOptions.icon.url = style.children[0].value;
          break;
            // case "color":
            //   markerOptions.icon = markerOptions.icon || {};
            //   markerOptions.icon.color = kmlColorToRGBA(style.value);
            //   break;
        }
      });
      break;
    default:

    }
  });

  if (params.child.children) {
    var options = new BaseClass();
    params.child.children.forEach(function(child) {
      options.set(child.tagName, child);
    });
    params.child.children.forEach(function(child) {
      switch (child.tagName) {
      case 'point':
        var coordinates = findTag(child.children, 'coordinates', 'coordinates');
        if (coordinates) {
          markerOptions.position = coordinates[0];
        }
        break;
      case 'coordinates':
        markerOptions.position = child.coordinates[0];
        break;
        // case "description":
        //   if (markerOptions.description) {
        //     markerOptions.description = templateRenderer(markerOptions.description, options);
        //   }
        //   markerOptions.description = templateRenderer(markerOptions.description, options);
        //   break;
        // case "snippet":
        //   if (markerOptions.snippet) {
        //     markerOptions.snippet = templateRenderer(markerOptions.snippet, options);
        //   }
        //   markerOptions.snippet = templateRenderer(markerOptions.snippet, options);
        //   break;
      default:

      }
    });
  }
  markerOptions.position = markerOptions.position || {
    lat: 0,
    lng: 0
  };

  self.camera.target.push(markerOptions.position);

  var ignoreProperties = ['coordinates', 'styleIDs', 'children'];
  (Object.keys(params.attrHolder)).forEach(function(pName) {
    if (ignoreProperties.indexOf(pName) === -1 &&
      pName in markerOptions === false) {
      if (pName === 'visibility') {
        markerOptions.visible = params.attrHolder[pName].value != 0;
      } else {
        markerOptions[pName] = params.attrHolder[pName];
      }
    }
  });

  //console.log(markerOptions);
  self.map.addMarker(markerOptions, callback);
};

function findTag(children, tagName, fieldName) {
  for (var i = 0; i < children.length; i++) {
    if (children[i].tagName === tagName) {
      return children[i][fieldName];
    }
  }
}
KmlLoader.prototype.parsePolygonTag = function(params, callback) {
  var self = this;

  //  console.log('polygonPlacemark', params);
  //--------------
  // add a polygon
  //--------------
  var polygonOptions = {
    fill: true,
    outline: true,
    holes: [],
    strokeWidth: 1,
    clickable: true,
    visible: true
  };
  params.child.children.forEach(function(element) {
    var coordinates;
    switch (element.tagName) {
    case'visibility':
      polygonOptions.visible=element.value!=0;
      break;
    case 'outerboundaryis':
      if (element.children.length === 1) {
        switch(element.children[0].tagName) {
        case 'linearring':
          coordinates = element.children[0].children[0].coordinates;
          break;
        case 'coordinates':
          coordinates = findTag(element.children, 'coordinates', 'coordinates');
          break;
        }
        coordinates.forEach(function(latLng) {
          self.camera.target.push(latLng);
        });
        polygonOptions.points = coordinates;
      }
      break;
    case 'innerboundaryis':
      switch(element.children[0].tagName) {
      case 'linearring':
        coordinates = element.children[0].children[0].coordinates;
        break;
      case 'coordinates':
        coordinates = element.children[0].coordinates;
        break;
      }
      polygonOptions.holes.push(coordinates);
      break;
    }
  });

  params.styles.children.forEach(function(style) {
    switch (style.tagName) {
    case 'polystyle':
      style.children.forEach(function(node) {
        switch(node.tagName) {
        case 'color':
          polygonOptions.fillColor = kmlColorToRGBA(node.value);
          break;
        case 'fill':
          polygonOptions.fill = node.value === '1';
          break;
        case 'outline':
          polygonOptions.outline = node.value === '1';
          break;
        }
      });
      break;


    case 'linestyle':
      style.children.forEach(function(node) {
        switch(node.tagName) {
        case 'color':
          polygonOptions.strokeColor = kmlColorToRGBA(node.value);
          break;
        case 'width':
          polygonOptions.strokeWidth = parseFloat(node.value);
          break;
        }
      });
      break;
    }
  });

  if (polygonOptions.fill === false) {
    polygonOptions.fillColor = [0, 0, 0, 0];
  } else {
    polygonOptions.fillColor = polygonOptions.fillColor || [255, 255, 255, 255];
  }
  if (polygonOptions.outline === false) {
    delete polygonOptions.strokeColor;
    polygonOptions.strokeWidth = 0;
  } else {
    polygonOptions.strokeColor = polygonOptions.strokeColor || [255, 255, 255, 255];
  }


  var ignoreProperties = ['coordinates', 'styleIDs', 'children'];
  (Object.keys(params.attrHolder)).forEach(function(pName) {
    if (ignoreProperties.indexOf(pName) === -1 &&
      pName in polygonOptions === false) {
      polygonOptions[pName] = params.attrHolder[pName];
    }
  });

  //  console.log('polygonOptions', polygonOptions);
  self.map.addPolygon(polygonOptions, callback);

};

KmlLoader.prototype.parseLineStringTag = function(params, callback) {
  //console.log(JSON.parse(JSON.stringify(params)));
  var self = this;
  //--------------
  // add a polyline
  //--------------
  var polylineOptions = {
    points: [],
    clickable: true,
    visible: true
  };
  if (params.child.children) {
    params.child.children.forEach(function(child) {
      if (child.tagName === 'visibility') {
        polylineOptions.visible=child.value!=0;
      }
      if (child.tagName === 'coordinates') {
        child.coordinates.forEach(function(latLng) {
          self.camera.target.push(latLng);
          polylineOptions.points.push(latLng);
        });
      }
    });
  }

  params.styles.children.forEach(function(style) {
    switch (style.tagName) {
    case 'linestyle':
    case 'polystyle':
      style.children.forEach(function(node) {
        switch(node.tagName) {
        case 'color':
          polylineOptions.color = kmlColorToRGBA(node.value);
          break;
        case 'width':
          polylineOptions.width = parseFloat(node.value);
          break;
        }
      });
      break;
    default:

    }
  });

  var ignoreProperties = ['coordinates', 'styleIDs', 'children'];
  (Object.keys(params.attrHolder)).forEach(function(pName) {
    if (ignoreProperties.indexOf(pName) === -1 &&
      pName in polylineOptions === false) {
      polylineOptions[pName] = params.attrHolder[pName];
    }
  });


  //console.log('polylinePlacemark', polylineOptions);

  self.map.addPolyline(polylineOptions, callback);

};

KmlLoader.prototype.parseGroundOverlayTag = function(params, callback) {
  var self = this;
  //  console.log('parseGroundOverlayTag', params);

  //--------------
  // add a ground overlay
  //--------------
  var groundoveralyOptions = {
    url: null,
    bounds: [],
    clickable: true,
    visible: true
  };

  params.child.children.forEach(function(child) {
    switch (child.tagName) {
    case'visibility':
      groundoveralyOptions.visible=child.value!=0;
      break;
    case 'color':
      groundoveralyOptions.opacity = ((kmlColorToRGBA(child.value)).pop() / 256);
      break;
    case 'icon':
      child.children.forEach(function(iconAttrNode) {
        switch (iconAttrNode.tagName) {
        case 'href':
          groundoveralyOptions.url = iconAttrNode.value;
          if (groundoveralyOptions.url && groundoveralyOptions.url.indexOf('://') === -1) {
            var requestUrl = self.kmlUrl.replace(/\?.*$/, '');
            requestUrl = requestUrl.replace(/#.*$/, '');
            requestUrl = requestUrl.replace(/[^/]*$/, '');
            groundoveralyOptions.url = requestUrl + groundoveralyOptions.url;
          }
          break;
        }
      });
      break;
    case 'latlonbox':
      var box = {};
      child.children.forEach(function(latlonboxAttrNode) {
        box[latlonboxAttrNode.tagName] = parseFloat(latlonboxAttrNode.value);
      });
      if (box.rotation) {
        groundoveralyOptions.bearing = box.rotation;
      }
      var ne = {lat: box.north, lng: box.east};
      var sw = {lat: box.south, lng: box.west};
      groundoveralyOptions.bounds.push(ne);
      groundoveralyOptions.bounds.push(sw);
      self.camera.target.push(ne);
      self.camera.target.push(sw);
      break;
      // case "gx:latlonquad":
      //   groundoveralyOptions.bounds = child.children[0].coordinates;
      //   Array.prototype.push.apply(self.camera.target, child.children[0].coordinates);
      //   break;
    default:
    }
  });
  //delete params.child.children;
  //  console.log("groundoveralyOptions", groundoveralyOptions);

  var ignoreProperties = ['coordinates', 'styleIDs', 'children'];
  (Object.keys(params.attrHolder)).forEach(function(pName) {
    if (ignoreProperties.indexOf(pName) === -1 &&
      pName in groundoveralyOptions === false) {
      groundoveralyOptions[pName] = params.attrHolder[pName];
    }
  });

  self.map.addGroundOverlay(groundoveralyOptions, callback);
};

KmlLoader.prototype.parseNetworkLinkTag = function(params, callback) {
  var self = this;
  var networkLinkOptions = {};
  //console.log('parseNetworkLinkTag', params);

  var attrNames = Object.keys(params.attrHolder);
  attrNames.forEach(function(attrName) {
    switch(attrName.toLowerCase()) {
    case 'region':
      networkLinkOptions.region = networkLinkOptions.region || {};
      params.attrHolder[attrName].children.forEach(function(gChild) {
        switch(gChild.tagName) {
        case 'latlonaltbox':
          var box = {};
          gChild.children.forEach(function(latlonboxAttrNode) {
            box[latlonboxAttrNode.tagName] = parseFloat(latlonboxAttrNode.value);
          });
          networkLinkOptions.region.bounds = {
            se: {lat: box.south, lng: box.east},
            sw: {lat: box.south, lng: box.west},
            ne: {lat: box.north, lng: box.east},
            nw: {lat: box.north, lng: box.west}
          };
          break;
        case 'lod':
          networkLinkOptions.region.lod = networkLinkOptions.region.lod || {};
          networkLinkOptions.region.lod.minlodpixels = networkLinkOptions.region.lod.minlodpixels || -1;
          networkLinkOptions.region.lod.maxlodpixels = networkLinkOptions.region.lod.maxlodpixels || -1;
          gChild.children.forEach(function(lodEle) {
            networkLinkOptions.region.lod[lodEle.tagName] = parseInt(lodEle.value);
          });
          break;
        }
      });
      break;

    default:
      networkLinkOptions[attrName] = params.attrHolder[attrName];
    }
  });

  params.child.children.forEach(function(child) {
    switch(child.tagName) {
    case 'visibility':
      networkLinkOptions.visibility = child.value === '1';
      break;
    case 'link':
      networkLinkOptions.link = networkLinkOptions.link || {};
      child.children.forEach(function(gChild) {
        networkLinkOptions.link[gChild.tagName] = gChild.value;
      });
      break;
    case 'region':
      networkLinkOptions.region = networkLinkOptions.region || {};
      child.children.forEach(function(gChild) {
        switch(gChild.tagName) {
        case 'latlonaltbox':
          var box = {};
          gChild.children.forEach(function(latlonboxAttrNode) {
            box[latlonboxAttrNode.tagName] = parseFloat(latlonboxAttrNode.value);
          });
          networkLinkOptions.region.bounds = {
            se: {lat: box.south, lng: box.east},
            sw: {lat: box.south, lng: box.west},
            ne: {lat: box.north, lng: box.east},
            nw: {lat: box.north, lng: box.west}
          };
          break;
        case 'lod':
          networkLinkOptions.region.lod = networkLinkOptions.region.lod || {};
          networkLinkOptions.region.lod.minlodpixels = networkLinkOptions.region.lod.minlodpixels || -1;
          networkLinkOptions.region.lod.maxlodpixels = networkLinkOptions.region.lod.maxlodpixels || -1;
          gChild.children.forEach(function(lodEle) {
            networkLinkOptions.region.lod[lodEle.tagName] = parseInt(lodEle.value);
          });
          break;
        }
      });

    }
  });

  //console.log(networkLinkOptions);

  if (!networkLinkOptions.link) {
    // <networklink> tag must contain <link> tag.
    // If not contained, simply ignore the tag.
    return callback.call(self);
  }


  if (networkLinkOptions.link.href.indexOf('://') === -1 && networkLinkOptions.link.href.substr(0, 1) !== '/') {
    var a = document.createElement('a');
    a.href = self.kmlUrl;
    networkLinkOptions.link.href = a.protocol + '//' + a.host + ':' + a.port + a.pathname.replace(/\/[^/]+$/, '') + '/' + networkLinkOptions.link.href;
    a = null;
  }

  var networkOverlay = new BaseClass();
  networkOverlay.set('_loaded', false);
  networkOverlay.set('_visible', false);
  networkOverlay.on('_visible_changed', function(oldValue, newValue) {
    var overlay = networkOverlay.get('overlay');
    if (newValue === true) {
      if (overlay) {
        overlay.setVisible(true);
      } else {
        self.map.addKmlOverlay({
          url: networkLinkOptions.link.href,
          clickable: self.options.clickable,
          suppressInfoWindows: self.options.suppressInfoWindows
        }, function(overlay) {
          networkOverlay.set('overlay', overlay);
        });
      }
    } else {
      if (overlay) {
        overlay.setVisible(false);
      }
    }
  });
  self._overlays.push(networkOverlay);

  if (networkLinkOptions.region && networkLinkOptions.region.bounds) {
    self.camera.target.push(networkLinkOptions.region.bounds.se);
    self.camera.target.push(networkLinkOptions.region.bounds.sw);
    self.camera.target.push(networkLinkOptions.region.bounds.ne);
    self.camera.target.push(networkLinkOptions.region.bounds.nw);
  }
  // self.map.addPolygon({
  //   'points': [
  //     networkLinkOptions.region.bounds.se,
  //     networkLinkOptions.region.bounds.sw,
  //     networkLinkOptions.region.bounds.nw,
  //     networkLinkOptions.region.bounds.ne
  //   ],
  //   'strokeColor' : '#FFFFFF77',
  //   'strokeWidth': 1,
  //   'fillColor' : '#00000000'
  // }, function(groundoverlay) {

  if (networkLinkOptions.region && networkLinkOptions.link.viewrefreshmode === 'onRegion') {
    self.map.on(event.CAMERA_MOVE_END, function() {
      var vRegion = self.map.getVisibleRegion();
      var nRegion = new VisibleRegion(networkLinkOptions.region.bounds.sw, networkLinkOptions.region.bounds.ne);

      if (vRegion.contains(networkLinkOptions.region.bounds.sw) ||
          vRegion.contains(networkLinkOptions.region.bounds.se) ||
          vRegion.contains(networkLinkOptions.region.bounds.nw) ||
          vRegion.contains(networkLinkOptions.region.bounds.ne) ||
          nRegion.contains(vRegion.farLeft) ||
          nRegion.contains(vRegion.farRight) ||
          nRegion.contains(vRegion.nearLeft) ||
          nRegion.contains(vRegion.nearRight)) {

        (new BaseArrayClass([
          networkLinkOptions.region.bounds.sw,
          networkLinkOptions.region.bounds.ne
        ]).mapAsync(function(latLng, next) {
          self.map.fromLatLngToPoint(latLng, next);
        }, function(points) {
          var width = Math.abs(points[0][0] - points[1][0]);
          var height = Math.abs(points[0][1] - points[1][1]);

          var maxCondition = (networkLinkOptions.region.lod.maxlodpixels === -1 ||
                              width <= networkLinkOptions.region.lod.maxlodpixels &&
                              height <= networkLinkOptions.region.lod.maxlodpixels);
          var minCondition = (networkLinkOptions.region.lod.minlodpixels === -1 ||
                              width >= networkLinkOptions.region.lod.minlodpixels &&
                              height >= networkLinkOptions.region.lod.minlodpixels);

          if (maxCondition && minCondition) {
            // groundoverlay.setVisible(true);
            networkOverlay.set('_visible', true);
          } else {
            // groundoverlay.setVisible(false);
            networkOverlay.set('_visible', false);
          }
        }));
      } else {
        // groundoverlay.setVisible(false);
        networkOverlay.set('_visible', false);
      }
    });
  } else {
    //-------------------------------
    // Simply load another kml file
    //-------------------------------
    // groundoverlay.setVisible(true);
    networkOverlay.set('_visible', networkLinkOptions.visibility);
  }

  callback.call(networkOverlay);
  //});

};

KmlLoader.prototype.parseLookAtTag = function(params, callback) {
  var self = this;

  if ('latitude' in params.child && 'longitude' in params.child) {
    self.camera.target = {
      lat: parseFloat(params.child.latitude),
      lng: parseFloat(params.child.longitude)
    };
  }
  if ('heading' in params.child) {
    self.camera.bearing = parseInt(params.child.heading);
  }
  if ('tilt' in params.child) {
    self.camera.tilt = parseInt(params.child.tilt);
  }

  callback.call(self);
};


//-------------------------------
// KML color (AABBGGRR) to RGBA
//-------------------------------
function kmlColorToRGBA(colorStr) {
  var rgba = [];
  colorStr = colorStr + ''; // convert to String mandatory
  colorStr = colorStr.replace('#', '');
  for (var i = 6; i >= 0; i -= 2) {
    rgba.push(parseInt(colorStr.substring(i, i + 2), 16));
  }
  return rgba;
}
//-------------------------------
// KML color (AABBGGRR) to rgba(RR, GG, BB, AA)
//-------------------------------
// function kmlColorToCSS(colorStr) {
//   var rgba = [];
//   colorStr = colorStr.replace('#', '');
//   for (var i = 6; i >= 0; i -= 2) {
//     rgba.push(parseInt(colorStr.substring(i, i + 2), 16));
//   }
//   return 'rgba(' + rgba.join(',') + ')';
// }

//-------------------------------
// Template engine
//-------------------------------
// function templateRenderer(html, marker) {
//   if (!html) {
//     return html;
//   }
//   var extendedData = marker.get('extendeddata');
//
//   return html.replace(/\$[{[](.+?)[}]]/gi, function(match, name) {
//     var textProp = marker.get(name);
//     var text = '';
//     if (textProp) {
//       text = textProp.value;
//       if (extendedData) {
//         text = text.replace(/\$[{[](.+?)[}]]/gi, function(match1, name1) {
//           var extProp = extendedData[name1.toLowerCase()];
//           var extValue = '${' + name1 + '}';
//           if (extProp) {
//             extValue = extProp.value;
//           }
//           return extValue;
//         });
//       }
//     }
//     return text;
//   });
// }


module.exports = KmlLoader;