Chikyu Earth ドキュメント

Chikyu Earth 地球 — A line-drawn globe for the web

世界の国の輪郭を線で描いた地球儀です。地球と同じ速さで回ります。宇宙から見たような地球と、好きな場所の目印も使えます。

インストール

npm install @johnmorrisdotca/chikyu-earth

最初に読む

• はじめにページに地球儀を置き、中心を決め、見る人が回せるようにするまでを、5分ほどで進めます。

エントリーポイント

ガイド

やり方

• 普通の HTML ページで、CDN から使うjsDelivr か unpkg のスクリプトタグ1つで、どんなページにも地球儀を入れます。リアルな地球も同じ方法です。
• バンドラーで使う: Vite、webpack、ES モジュールパッケージをインストールして、Vite や webpack のプロジェクト、または ES モジュールの環境で要素を import します。
• React、Vue、Svelte、Angular で使うReact、Vue、Svelte、Angular で地球儀を使います。サーバーでの描画を壊さない import の仕方も示します。
• iframe で埋め込むiframe 1つ、スクリプトなしで、どんなページにも地球儀を入れます。表示する内容はアドレスで選びます。
• TypeScript、Node、サーバーパッケージの型を使い、サーバーで地球儀を SVG の文字列として描き、それを含むページを作ります。
• リアルな地球と目印宇宙から見た地球を表示し、どちらの地球儀にも好きな場所の目印を付けます。軽さを保つ制限も説明します。
• 地球儀に人工衛星を表示するページが用意した軌道要素から、ISS、宇宙ステーション、数千機の Starlink 衛星を宇宙の表示に出します。要素の入手のルールと、軽さを保つ制限も説明します。
• 人工衛星や惑星といっしょに動くカメラを ISS、Starlink 衛星、月、惑星に載せて、そこから地球を見ます。動くにつれて、地球が下で回り、流れていきます。軽さを保つ制限もあります。
• 本物の太陽・惑星・冥王星・衛星wakusei-planets を使って、宇宙の表示で太陽・惑星・冥王星・衛星を、リアルな見た目か表面の地図で描きます。ページの WebGL は1つのままです。

解説

• 軽さを保つしくみ地球儀が何を、いつ描くか。ページのプロセッサーを無駄に使わないための制限を説明します。
• アーキテクチャ平面の地球儀、宇宙から見た地球、目印、宇宙の表示がどう組み合わさっているか、どこが純粋でどこが任意かを説明します。

困ったとき・よくある質問

• 困ったとき、よくある質問何も表示されない、ブラウザーが位置情報を尋ねる、フレームワークやサーバーで出るエラーについて説明します。

アップグレード

• アップグレードバージョンごとの変更点と、必要な対応です。パッケージは 0.x なので、マイナーバージョンの前にここを読んでください。

• 変更履歴@johnmorrisdotca/chikyu-earth 0.11.0 のソースから作成しました。
• すべてのエクスポートを1ページでapi.html
• 言語モデル向けのドキュメントllms.txt · llms-full.txt

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。