将属性附加到KmlPlacemark GE插件

Question

我有Lat / Lon数据作为GeoJSON进入，每个点都有与之关联的其他属性。我需要能够在单击KmlPlacemark时将这些属性传递给回调函数。我知道我可以使用闭包并单独注册事件监听器，但我真的更喜欢在GEWindow对象上只有一个监听器。

我的解决方案涉及将属性作为JSON数据粘贴到地标ID中。

var data = {foo: 123, bar: 321};
var placemark = ge.createPlacemark(JSON.stringify(data));

然后在回调中它被解析回对象

google.earth.addEventListener(ge.getWindow(), 'click', function(e){
  var target = e.getTarget(),
      data;
  if (target && target.getType() == 'KmlPlacemark'){
    data = JSON.parse(target.getId());
    myHandler(target, data);
  }
});

这样做是不是很简陋？

Answer 1

我找到了一个我很满意的解决方案。我对地标使用递增id，并使用id作为键将属性存储在对象中。

虚拟数据

var pointData = [
  {lat: 123, lon: 123, properties: {foo: 1, bar: 2}},
  {lat: 123, lon: 123, properties: {foo: 1, bar: 2}},
  {lat: 123, lon: 123, properties: {foo: 1, bar: 2}}
];

创建地标

var properties = {},
    currentId = 0;

pointData.forEach(function(point){

  var id        = (currentId++).toString();
      point     = ge.createPoint(''),
      placemark = ge.createPlacemark(id);

  point.setLatitude(point.lat);
  point.setLongitude(point.lon);
  placemark.setGeometry(point);

  properties[id] = point.properties;
});

事件处理程序中的查找属性

google.earth.addEventListener(ge.getWindow(), 'click', function(e){
  var target = e.getTarget(),
      data;
  if (target && target.getType() == 'KmlPlacemark'){
    data = properties[target.getId()];
    myHandler(target, data);
  }
});