[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