Google MapやGoogle EarthのAPIを使用して作成した地図へのリンク。
- 天気マップ（Google Map）
- 火星MAP（Google Earth）
- 火山マップ（Google Earth）
- 世界各国のF1サーキットをGoogle Mapで表示
- 日本の原子力発電所マップ&半径30km圏内
- 東南海や三陸沖など大きな被害を伴った地震マップ
- 2020年東京オリンピック競技会場全体マップ
Google Maps APIを使う時の注意点
レスポンシブデザインのテンプレートを使っているときは、CSSのimgタグを変更する必要がある。Twenty Twelveの場合、なにもせずに地図を表示するとマップタイルに区切りができてしまい、見栄えが悪くなってしまう。これは画像の影の影響のためで、その影を消してやるときれいなマップが表示される。
また、ナビゲーションコントロールが崩れて表示されることもあるので、その処理も必要である。
以上のことは、以下のコードを付け足すことで解決できる。
<style>
/* Images */
#map_canvas img { /* #map_canvasは地図表示のID。 */
max-width: none; /* imgの最大幅設定をデフォルトに */
box-shadow: none; /* imgの影を消す */
}
</style>