Google地球插件,在Panel中显示表单

时间:2013-04-03 12:39:59

标签: extjs google-earth-plugin

我正在使用带有Extjs 4的Google地球插件。虽然我认为我遗漏了一些小事。

我的Google地球插件包含大量已创建的地标。

控制面板看起来像这样。

// Create control panel
var controlPanel = new Ext.Panel({
    title: 'Control Panel',
    width: 280,
    height: this.height,
    border: true,
    collapsible: false,
    renderTo: 'westPanel',
    layout: 'accordion',
    layoutConfig: {
        animate: true
    },
    defaultType: 'panel',
    defaults: {
        bodyStyle: 'padding: 10px'
    }
});

创建一个文件夹。

var folder = this.earth.createFolder("PLaceMark Name");

placemark = this.earth.createPlacemark('');

var point = this.earth.createPoint('');

point.setLatitude(my_lat);      
point.setLongitude(my_long);
placemark.setGeometry(point);

folder.getFeatures().appendChild(placemark); 

最后我将文件夹显示出来。

this.earth.getFeatures().appendChild(folder);
folder.setVisibility(true);

// Add panels
controlPanel.add(earthPanel.getLayersPanel());
controlPanel.add(earthPanel.getOptionsPanel());
controlPanel.add(earthPanel.getFoldersPanel());
controlPanel.doLayout();

我可以看到地图上的所有地标,但在面板上没有选项可以使该文件夹可见/隐藏。

我想要做的就是在面板上创建一个选项,我可以隐藏我的地标或用复选框显示它们。

当我选中/取消选中此框时,也许有办法构建带复选框的自定义面板并执行JavaScript。

非常感谢任何建议。

0 个答案:

没有答案