[Layout] ロシア航空ネットワーク 地図生成
Russia Aviation Network Map Embed Prompt
Date: 2026-03-08
Prompt
Create a clean, blog-embeddable map visualization in HTML for an article about Russia’s aviation network.
Article theme:
Russia’s aviation network is centered on Moscow, but several regional hubs also exist due to the country’s vast geography.
Goal:
Generate a simple, readable embedded map that visually explains the hierarchy of Russia’s aviation network.
Cities to display with markers:
- Moscow
- Saint Petersburg
- Novosibirsk
- Vladivostok
- Irkutsk
- Krasnoyarsk
- Syktyvkar
- Sochi
Hierarchy to visualize:
1. Moscow = national hub
2. Novosibirsk, Saint Petersburg, Vladivostok, Irkutsk, Krasnoyarsk, Sochi = regional hubs / important secondary nodes
3. Syktyvkar = local node / regional example
Visual rules:
- Use different marker colors by hierarchy:
- Red: Moscow
- Orange: regional hubs
- Blue: local node
- Draw lines to show the structure:
- Moscow connected to Saint Petersburg, Novosibirsk, Vladivostok, Irkutsk, Krasnoyarsk, Sochi, and Syktyvkar
- Novosibirsk additionally connected to Vladivostok, Irkutsk, and Krasnoyarsk
- The map should emphasize a hub-and-spoke structure with partial regional layering.
Output requirements:
- Output a complete HTML snippet that can be embedded into a blog post.
- Make it responsive.
- Use a clean container suitable for article embedding.
- Prefer Google Maps Embed, Google My Maps style embed, or a lightweight map solution.
- If Google Maps multi-marker drawing is not possible in a simple iframe, use Leaflet.js with OpenStreetMap instead.
- Include all necessary HTML, CSS, and JavaScript in one block.
- Keep the design minimal and publication-ready.
- Do not create unnecessary controls or a dashboard-style UI.
- Add a short caption under the map:
"Simplified structure of Russia’s aviation network: Moscow as the national hub, with regional hubs and local nodes."
Technical constraints:
- The embed should fit naturally in a blog article body.
- Max width: 100%
- Recommended height: around 520–640px
- Rounded corners are optional, but overall style should be minimal and unobtrusive.
- Labels should be readable but not cluttered.
Important:
- Focus on clarity, not geographic perfection.
- This is an explanatory article map, not a live route search tool.
- Return only the final HTML code block.
Model
Gemini / HTML generation
Result
ロシア航空ネットワークの記事用に、都市階層と接続構造を説明する埋め込み地図HTMLを生成するためのプロンプト。
モスクワを中心としたハブ・アンド・スポーク構造に加え、ノヴォシビルスクを介した部分的な地域レイヤーも可視化する設計になっている。
Google Maps系が難しい場合の代替として Leaflet.js + OpenStreetMap を明示しているため、実装側が詰まりにくい。
記事埋め込み前提で、UIを増やしすぎず、凡例・線・色分けの最小構成で説明図に寄せているのが特徴。
Note
これは「地理そのもの」より「構造を読むための図」を作らせるプロンプト。
経路検索や実運航の再現ではなく、ネットワークの階層性を説明する図を作ることを目的にしている。
プロンプトとしてはかなり安定していて、
- ネットワーク図
- インフラ記事
- 交通構造の説明
などにも応用できる。
English title
Prompt Log: Russia Aviation Network Map Embed Prompt
For international readers
This prompt log documents a structured prompt designed to generate an embeddable HTML map for an article about Russia’s aviation network. The goal is not to build an interactive flight tool, but to create a simplified explanatory visualization showing the hierarchy of the network: Moscow as the national hub, several regional hubs across Siberia and the Far East, and a smaller local node as an example. The prompt also anticipates implementation constraints by allowing a fallback from Google Maps-style embeds to Leaflet with OpenStreetMap. This makes it useful for bloggers and researchers who want to include publication-ready structural maps inside articles without building a full mapping interface.
Keywords
Prompt Log, HTML embed, aviation network, Russia, Leaflet, OpenStreetMap, map visualization, article diagram