2011年4月27日水曜日

16 pgRouting in Debian6 10 - ルーティングをブラウザで表示2

9.1. Routing method selection

で、コードを説明しています。
訳しながらみていきたいと思います。

*****
ルーティング方法を選択するために、Ext.form.ComboBox を使用します:これは、通常の html の select と同じように動作しますが、より簡単に制御することができます。

GeoExt.MapPanel と同じように、コントロールを配置するために、html 要素が必要です。(ID としての 'method' を使用して)body タグの間に新しい div を作成します:

<body>
<div id="gxmap"></div>
<div id="method"></div>
</body>

次に、それ自身の combo を作成します。

var method = new Ext.form.ComboBox({
renderTo: "method",
triggerAction: "all",
editable: false,
forceSelection: true,
store: [
["SPD", "Shortest Path Dijkstra"],
["SPA", "Shortest Path A*"],
["SPS", "Shortest Path Shooting*"]
]
});

ストアのオプションには、ルーティングメソッドにすべての可能な値を設定します。形式は、オプションが [key、name] フォームのオプションの配列です。key は、サーバー(この例では PHP スクリプト)と combo に表示された値に送信されます。

renderTo は、combo がレンダリングされる必要がある場所を指定し、ここで新しい div を使用します。

そして最後に、デフォルト値が選択されます:

method.setValue("SPD");

この部分は ExtJS コンポーネントを使用し: OpenLayers や GeoExtコードはここにいりません。
*****
続く ...

0 件のコメント: