日食ファインダー

RichieCarmichael

<\/HEAD>

<\/A>

Solar Eclipse Finderは、ユーザーが定義した場所を通過する過去および未来のsolar eclipses<\/A>を表示するJavaScriptベースのウェブアプリケーションです。 ソースデータは、1601年から2200年までの905回のsolar eclipsesの経路を含むAGOL<\/A>ホストサービスとして公開されています。 eclipseの経路は、Michael Zeiler<\/A>によって準備され、データはXavier Jubier<\/A>の提供によるものです。

ライブアプリケーションはこちら<\/A>で利用可能です。

ソースコードはagol<\/A>とgithub<\/A>で入手可能です。

もともとは2年半前にSilverlightベースのウェブアプリケーションとして開発されました（ブログ投稿はこちら<\/A>）。現代のブラウザでHTML5\/JavaScriptを使って同じパフォーマンスと高度なシンボル表現が可能かどうかを確認したいと考えました。<\/P>

jQuery & Bootstrap<\/SPAN><\/H4>jQuery<\/A>はDOM操作用のJavaScriptフレームワークです。 jQueryはEsri<\/A>のArcGIS API for JavaScipt<\/A>を使ったマッピングアプリの必須条件ではないことに注意してください。しかし、多くのサードパーティJavaScriptライブラリ、例えば人気のユーザーインターフェースフレームワークであるBootstrap<\/A>では必須です。このアプリケーションでは、Bootstrapのpopover<\/A>ツールチップをフライアウト属性ウィンドウで、起動時にはそのmodal<\/A>ダイアログを使用しています。<\/P>

D3<\/SPAN><\/H4>
eclipse shadow pathsで使われているテーパードシンボルは線形グラデーション塗りつぶしで実現しています。 ArcGIS API for JavaScriptは線形グラデーション塗りつぶしをサポートしていません。しかし、線形グラデーション塗りつぶしはSVGではサポートされています。SVGはEsriのJavaScript APIがベクター描画に使用している基盤技術です。 Mike Bostock<\/A>のD3.js<\/A> JavaScriptライブラリを使い、地図に埋め込まれたSVGノードに直接線形グラデーション塗りつぶしを挿入・適用しました。<\/P>

結論<\/SPAN><\/H4>
このアプリケーションの更新は二段階のプロセスでした。 まずeclipseデータセットをAGOLホストフィーチャサービスとして再公開し、次にアプリをHTML\/JSで書き直しました。 どちらも比較的簡単で合計数日しかかかりませんでした。<\/P><\/BODY><\/HTML>