@fuji3zpg

#7 絵地図とGoogleマップを連携させる

投稿日:2012/04/01

予告

次回の戦国コードは2012年4月2日(月)19-20です。

今度こそ、絵地図とGoogleマップの連携を試してみたいと思います。

前日:4月1日(日)

戦国コードは明日ですが、一応、絵地図とGoogleマップを連携させた地図を公開します。明日まで時間があるので、ちょくちょく直していきます。

↓の絵地図に薄く網がかかっている部分(躑躅ヶ崎館、飯田河原合戦、上条河原合戦)をクリックすると、絵地図の下に地図(Googleマップ)が現れます(Internet Explorer8以下をお使いの方は正常に表示されないかもしれません)。


薄く網がかかっている部分(躑躅ヶ崎館など)をクリックすると、絵地図の下に地図が現れます。なお、Internet Explorer8以下をお使いの方は正常に表示されないかもしれません。また、現時点で、スマートフォンは非対応です。

地図右上の「地図」をクリックすると、「地形」が出てきます。これをクリックすると、地形図に切り替わります。地図の拡大・縮小は地図左上の「+」「ー」で調節できます。

実際のブログページで確認

この絵地図を使用しているページは次のとおりです。
その4 駿河勢、甲斐に乱入

このブログ記事の文脈上、読者が現在の位置を知りたいと想定する場所を狙ってリンクを設定しています。このようにすれば、絵地図で直感的に地勢を、Googleマップで実際の場所を知ることができます。

いずれWebサービス化したい

まだプログラムを整理しきれていませんが、いずれこのような絵地図とGoogleマップを連携させるプログラムを、自動生成するWebサービスを作りたいと思っています。

当日:4月2日

今回の絵地図は地図と連動させていますが、写真・動画や吹き出しなども入れるとさらに面白くなりそうです。

また、今の絵地図はサーバからデータをもらって、クライアント側で普通に動いていますが、サーバ側のデータ(例えば、城や合戦)と連動させると、さらに価値が出てくるでしょう。そうなれば、かなり私のイメージに近づいてきます。

参加者

@Smiley_Suzuki さんは、鎌倉幕府がもたらす日本復活のヒントと大阪都構想について検討されました。

ブログ記事一覧

ノート【更新順】
岡山県の没落武士
江戸東京たてもの園を訪問
コルク社主催の伊東潤氏の第3回読者会に参加
もっと見る
ノートまとめ【更新順】
関ヶ原の戦いの動画
淀川の城
姫路城大天守の昼・夕暮れ・ライトアップ!
もっと見る
歴史年表【更新順】
『おんな城主 直虎』年表
花燃ゆ第2回「波乱の恋文」
歴史家・歴史小説家とその時代
もっと見る
特集
関ヶ原の戦い
幕末維新
文明論
北条早雲
人物【更新順】
子母澤寛
周布政之助
小田村伊之助
もっと見る
出来事【更新順】
新型コロナウィルス感染拡大に伴い、東京など7都道府県で非常事態宣言が発令
中国の武漢で新型コロナウィルスが人に感染
令和に改元決定
もっと見る
世界史古代概論
世界史古代概略
ローマと前漢、不思議な成立の符合
古代の日本と西欧
戦国のはじまり
早雲時代の魅力-室町幕府の崩壊と関東情勢-
応仁の乱に関する歴史小説(池波正太郎『賊将』)と解説書
北条早雲の生涯と伊東潤『疾き雲のごとく』-早雲の生涯を4期に分ける-
その他
2015年NHK大河「花燃ゆ」の関連情報
歴史系テレビ番組まとめ(2014年5月版)
大坂の陣で奮戦した毛利勝永の記事
お知らせ
特集ページを追加
検索ページを追加しました
ドメイン変更のお知らせ
もっと見る
歴ウス
公式Twitterページ
歴ウス
公式Facebookページ
歴ウス
公式YouTubeチャンネル