私は Extjs 4 で Google Earth プラグインを使用しています。
多くの作成済みの目印を含む Google Earth プラグインがあります。
コントロールパネルはこんな感じ。
// 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 を実行する方法があるかもしれません。
どんなアドバイスでも大歓迎です。