• お問い合わせ
  • トップページ
島のWeb屋

島のWeb屋

  • アメブロカスタマイズ
  • 投稿一覧
島のWeb屋 - おすすめサイト - 国土地理院のサイトで無料で地図を作ってダウンロードしてみました

国土地理院のサイトで無料で地図を作ってダウンロードしてみました

2022-04-17  おすすめサイト  無料素材, 画像素材

この記事は最終更新日から1年以上経過して情報が古い可能性があります。

地図と言えば子供の社会科の勉強でよく使ったイメージがありますが、よく考えてみると、例えば地域の案内マップを作ったり、イベント会場の告知に使ったりと、自分で作れてうまく利用できれ便利なことが多いようにも思います。

ただ、そういった用途に地図を利用するとなると、どうしても「この範囲のこのような地図が欲しい」となりますが、そんな都合の良い地図はなかなか見つからないかもしれませんね。

ですが、探してみたら、全国の欲しい範囲の地図を無料で作ってダウンロードできる国土地理院のサービスがありました。

地理院地図VectorというWebサイト(Webアプリ)です。

地理院地図Vector

目次

  • 1 地理院地図Vectorで何ができるか?
  • 2 地理院地図Vectorで白地図を作る
    • 2.1 地理院地図VectorのWebサイトを開く
    • 2.2 白地図モードにする
    • 2.3 地図に表示したい場所と範囲を決める
    • 2.4 地図に表示する情報を決める
    • 2.5 地図の仕上がりを確認する
    • 2.6 画像として保存する
  • 3 まとめ

地理院地図Vectorで何ができるか?

地理院地図Vectorは、日本全国の任意の範囲を(最大拡大率の制限はありますが)自由に拡大縮小して地図を作成することができる、国土地理院のサービスです。

無料で利用できます。

個人的には「ほぼ無段階と言っても良いのではないか?」と思うくらいに自由に拡大縮小できるので、「このエリアだけ欲しい」というニーズにかなり答えてくれると思います。

ちなみに、今回は簡単な「白地図」を作ってみることにしましたが、それ以外にも、

普通の色付き地図や、

写真地図なども作れます。

確認した限りでは地図に透かし文字が入ったりもしていないようです。

このように、地図を作成するためのWebアプリとしてはとても高機能で便利ですが、そのぶん少し動作が重く感じましたので、あまり非力なPCでの利用は厳しいかもしれません。

また、一応スマホでも動くようですが、画面の構成の関係でこれもまた厳しいのではないかと思います。

それから、(余談かもしれませんが)現時点では「試験公開」という状態のようですので、もしかすると今後大きく仕様が変更される可能性も考えられます。

地理院地図では、しっかりと使い込めばもっと高度な地図も作れますので、興味のある方は試してみて下さい。

地理院地図Vectorで白地図を作る

では、ここから「地理院地図Vector」を使って白地図を作った手順をご紹介したいと思います。

地理院地図VectorのWebサイトを開く

まずは、ブラウザで地理院地図Vectorを開きます。

最初は↑この画像のようなカラフルな地図が開いたと思います。

白地図モードにする

今回は白地図を作りますので、画面左のサイドバーの上の方にある「おすすめの地図」の中にから「白地図」をクリックします。

すると、地図が書き替わります。

カラフルな地図から白地図になったかと思います。

地図に表示したい場所と範囲を決める

次に、地図に表示する場所と範囲を決めていきます。

基本的には地図上で、ドラッグすると上下左右に移動でき、マウスのホイールの回転で拡大縮小できます。

ですが、地図に表示したい場所が現在表示されている場所から遠い場合など、この操作では大変なこともありますよね。

そのような場合は、画面上部の検索ボックスにキーワードを入力して、目標とする場所を検索して移動することが可能です。

検索ボックスにキーワードを入力して【Enter】キーを押すと、↑上の画像のように検索結果の候補が表示されますので、その中に目標とする場所があればクリックして下さい。

すると、その場所が地図に表示されます。

検索結果は、一覧の右上の【✕】をクリックすると消せますので、あとは、ドラッグとホイールの回転で場所と範囲を調整してみてください。

あとから何度でも調整できますので、この段階では概ねで良いと思います。

地図に表示する情報を決める

地図に表示する場所と範囲が決まったら、次は地図に表示する情報を決めます。

左サイドバーに、地図に表示する情報を項目ごとにON・OFFで細かく編集できるパネルがありますので、こちらで、必要な情報が掲載された地図になるよう設定してみて下さい。

もし、このパネルそのものが表示されていない場合は、パネルが表示されるであろう位置のすぐ上にある小さな「編集」という文字をクリックすると表示されると思います。

各項目の右端にある目のようなアイコンをクリックすると、その項目の表示・非表示がリアルタイムで地図に反映されますので、作成する地図の利用用途に合った最適な状態に設定してみて下さい。

地図の仕上がりを確認する

ひとまずこれで必要な情報を含んだ地図はできたと思いますので、ここで仕上がりを確認してみます。

実は、ここまでの編集中の地図は左側がサイドバーで隠れた状態になっていますので、サイドバーの右上にある「◀」が表示されている小さなタブをクリックしてみてください。

すると、サイドバーが閉じて地図全体が表示されますので、場所・範囲・表示する情報など、仕上がりが問題ないか確認します。

なお、もう一度サイドバーを表示したい場合は、左上のアイコンをクリックすれば表示することができますので、納得できる状態になるまで調整してみて下さい。

画像として保存する

最後に、出来上がった地図を画像として保存(ダウンロード)します。

画面右上の三本線アイコン「≡」をクリックし、表示されたメニュー項目の中の「画像として保存」をクリックして下さい。

ここで印刷することも可能ですが、作成した地図と印刷とでは範囲がかなり違ったりするので、できれば画像で保存してそれを画像加工ソフトなどで印刷することをおすすめします。

画面の中央付近に「ファイルを保存する準備が整いました」と表示されたら「画像を保存」というボタンをクリックします。

このとき、「画像に「地理院地図」クレジットを表示」がチェックされていると地図の右下に「地理院地図」と表示され、「画像にスケールバーを表示」がチェックされていると地図の左下にスケールバー(地図内の距離がわかる指標)が表示されます。必要に応じてチェックを外すことで、これらが表示されない地図を保存することができます。

さらに、保存する画像のファイル名の入力を促されますので、特に変更の必要がなければそのまま「保存」ボタンをクリックして下さい。

これで、作成した地図を画像として保存することが可能です。

参考までに、今回作成した白地図を貼っておきます。

まとめ

以上、白地図を例に、国土地理院のサービス地理院地図Vectorを使って、欲しい範囲の地図を無料で作ってダウンロードする手順をご紹介しました。

高機能なのに簡単に地図を作れるので、とても便利なサービスだなと思います。

もしよかったら、試してみられてはいかがでしょうか。

 おすすめサイト  無料素材, 画像素材

avatar 【管理人: まつもと】
当サイトの管理人「まつもと」と申します。淡路島在住です。主に個人事業主様のサイトの制作・運営サポートやWebアプリ、ブラウザ拡張機能の開発などをしています。ご質問、ご依頼など何でもお気軽にお問い合わせ下さい。制作物の配布・販売は別サイト(wdax.com)にて。アメブロもやっています。
1日1回必ず何かが当たる! 毎日ジャンジャン宝くじ 【 SOUCENXET 】
対象コースが最大95%OFF!あなたに必要なオンライン講座を見つけよう!【 Udemy 】

プロフィール

avatar 【管理人: まつもと】
当サイトの管理人「まつもと」と申します。淡路島在住で、フリーでWeb系の開発・運営・管理などをしています。個人事業主様などの小規模なWordPressのサイト制作・運営のサポートやWebアプリ、Chrome拡張機能の開発など。ご質問、ご依頼など何でもお気軽にお問い合わせ下さい。

最近の投稿

  • 旧CSS:アメブロのヘッダー下にグローバルナビを設置する方法
  • アメブロのヘッダー下にグローバルナビを設置する方法
  • アメブロにヘッダー画像を設置・表示する方法
  • 旧CSS:アメブロにヘッダー画像を設置・表示する方法
  • スタジオジブリ作品の場面写真1,278枚が公式サイトで無料提供されています
  • フリマアプリの出品価格と利益を決める計算機をヤフオクに対応させてみました
  • 写真に透かしを自動追加、マージ・パージなど
  • アメブロとWordPressの同じ記事の同時更新はお勧めしません
  • 毎日アメブロのイケてないところを探してます
  • WordPress向きの無料サーバーを契約してみました

カテゴリー

  • あいさつ・お知らせ
  • 写真と・・・
  • いろいろ
  • amecareのこと
  • 無料公開ツールなど
  • アメブロからWordPress
  • お仕事関係でのできごと
  • 素材サイト
  • おすすめサイト
  • 小技・備忘録・お役立ち
  • WordPress
  • アメブロ
  • アメブロカスタマイズ
  • アメブロカスタマイズ(旧CSS)
  • 囲み枠・ボックスデザイン
  • 雑記

タグ

Adobe CC0 Flickr PC PING Windows WordPress WordPressプラグイン アメブロ アメブロカスタマイズ キー入力 ジブリ ドメイン パブリックドメイン ブックマークレット メール リブログ 無料素材 画像素材
  • トップ
  • プライバシー・免責
  • お問い合わせ

Copyright © 2025 島のWeb屋