OnlineMapMaker logo

カスタムマップ作成ツール:無料でオリジナル地図をオンライン作成

数分で自分だけの地図が作れます。アイコン、番号、メモ、リンク、写真付きのピンを置き、ルートやエリアを描き、すべてを色分けしたグループと凡例で整理して、リンク1つで地図を共有できます。この無料のオンライン地図作成ツールはアカウント不要で、地図が当サイトのサーバーに保存されることはありません。地図はまるごとリンクの中に入っています。 全画面で開く ↗

Rate this tool:
広告
広告
Loading map maker…
GISプロジェクトでお困りですか?サービスを見る

だれでも使える無料のオンライン地図作成ツール

私たちが自分用に作る地図の多くはシンプルです。結婚式の会場とゲストの宿、ドライブ旅行の立ち寄り先、ランニングクラブの集合場所、小さなお店の店舗、新しい街のおすすめカフェ。地図にピンを置き、それぞれに名前とメモを付け、必要ならルートを描いて、ほかの人に送りたい。このカスタムマップ作成ツールは、まさにそれをブラウザで無料で行います。

ピンにはアイコン、色、ツアー用の自動番号、クリックできるリンク入りのメモ、写真、リンクボタンを付けられます。長さを表示するルートや線、面積を表示するエリア、場所の周りの半径を示す円、自由なテキストラベルも描けます。すべては「見どころ」「食事」「ホテル」などのグループに入り、グループごとに色があり、それがそのまま凡例になります。住所を検索してそこにピンを置いたり、表計算ソフト、Google Earth、GPSにある場所を読み込んだりできます。

いちばん大切にしているのは共有です。アカウントは不要で、私たちが地図を保管することもありません。地図はリンクそのものに圧縮して入るので、リンクを持っている人だけが地図を見られます。チャットで送ったり、招待状に載せたり、1行のコードでWebサイトに埋め込んだりできます。すべての場所の一覧付きで印刷したり、画像、KML、GeoJSON、GPX、CSVでダウンロードしたりもできます。

広告
広告

このインタラクティブマップ作成ツールでできること

使う順番に、すべての機能を紹介します。

  1. アイコンと番号付きのピン. ピンツールを選んで地図をクリックします。46種類のアイコン(ホテル、食事、駐車場、電車、カメラ、星など)、ツアーや旅程用の自動番号、またはシンプルなピンから選べます。色は自由に、形はピンか丸を選べます。
  2. メモ、リンク、写真. ピンには名前とメモがあります。メモの中のWebアドレスはリンクになります。リンクボタン(Webサイト、予約ページ、メニュー)と、Webアドレスで写真を追加できます。「経路」ボタンは、どのスマートフォンでもGoogle マップでピンまでの経路を開きます。
  3. ルート、エリア、円、ラベル. 点をクリックして線やルートを描くと、長さがkmとマイルで表示されます。公園、会場、配達エリア、土地などのエリアを描くと、面積がm²、ヘクタール、エーカーで表示されます。円は場所の周りの半径を示し、テキストラベルで川や地区などに名前を付けられます。
  4. 検索して配置. 住所や場所の名前を入力してEnterを押します。結果を選ぶと地図がそこへ移動し、住所全体をメモに残す「ピンとして追加」ボタンが表示されます。
  5. グループと凡例. 項目を色付きのグループに分けます。新しい項目は選択中のグループに入り、その色になります。ワンクリックでグループを非表示にしたり、全項目の色をそろえたり、グループを凡例として地図に表示したりできます。
  6. すべて編集できる. ピンやラベルをドラッグし、線やエリアの角を動かし、中点から角を追加し、円はハンドルで変更できます。最大100ステップまで元に戻す・やり直すが可能です。並び順を変えると番号も変わります。
  7. 背景地図. 道路地図、通りのレベルまで見られる詳細地図、衛星写真、またはすっきりした図にするための背景なしから選べます。
  8. リンク1つで共有. 「共有」タブで、場所の一覧付きの閲覧用リンク、編集可能なコピーを開くリンク、Webサイトに埋め込むコードが作れます。地図はリンクの中にあり、当サイトのサーバーには置かれません。
  9. 印刷とダウンロード. すべての場所とメモの番号付き一覧と一緒に印刷したり、PDFで保存したりできます。表示中のPNG画像、Google EarthとGoogle マイマップ用のKML、GIS用のGeoJSON、GPS機器用のGPX、表計算用のCSVをダウンロードできます。
  10. 場所を読み込む. 緯度・経度のあるCSV、またはGeoJSON、KML、KMZ、GPXファイルから場所を読み込めます。Google Earthのフォルダとスタイルは、グループと色になります。
  11. 作業中も自動保存. 作業中の地図はブラウザに自動で保存されるので、タブを閉じても作業は失われません。

すべてブラウザの中で動きます。場所の検索だけが当サイトの検索サービスを通り、送られるのは検索した言葉だけです。

無料でオリジナル地図を作る方法(手順)

実際の例:番号付きの見どころ、散歩ルート、食事の場所、ホテルを載せたパリの週末の地図です。

空の地図、描画ツール、スタートカードがあるカスタムマップ作成ツール
1
ステップ 1: 地図作成ツールを開く

エディターは左に描画ツール、上に検索ボックス、右にサイドバーがある状態で開きます。ピンから始めるか、例を読み込みましょう。

場所の検索結果と、地図上の「ピンとして追加」ボタン
2
ステップ 2: 場所を検索して追加

住所や場所を検索してEnterを押し、結果を選びます。「ピンとして追加」で、住所全体がメモに入ったピンが置かれます。

名前、メモ、色見本、アイコン一覧があるピンのエディター
3
ステップ 3: ピンを整える

ピンに名前、メモ、色、アイコンを付けます。自動番号のアイコンを使うと、グループのピンが番号付きのツアーになります。

長さが表示されたセーヌ川沿いの破線の散歩ルートと、緑色の公園エリア
4
ステップ 4: ルートとエリアを描く

線ツールで散歩ルートを描くと長さが表示されます。エリアツールで公園を囲みます。角をドラッグして形を調整します。

色分けされた3つのグループと項目が並ぶ場所タブと、地図上の凡例
5
ステップ 5: グループで整理

見どころ、食事、ホテルの3つのグループに、それぞれの色があります。グループが地図の凡例になります。

背景地図のボタン、凡例と名前の設定、最初の表示の設定がある地図タブ
6
ステップ 6: 見た目を選ぶ

「地図」タブで背景地図を選び、凡例とピン名の表示を切り替え、共有地図の最初の表示を保存します。

共有リンク、コピーボタン、埋め込みコード、ダウンロードボタンがある共有タブ
7
ステップ 7: リンクを共有

「共有」タブで閲覧用リンク、編集用リンク、埋め込みコードが手に入ります。リンクをコピーして、だれにでも送れます。

タイトル、凡例、場所の一覧、開いたポップアップがあるパリの地図の共有画面
8
ステップ 8: ゲストに見える画面

共有地図は、タイトル、凡例、場所の一覧付きで開きます。ピンをタップすると、メモ、リンク、「経路」ボタンが表示されます。

広告
広告

この無料の地図ジェネレーターで作られている地図

カスタムマップは「どこ?」という質問に、みんなに一度で答えます。よく作られる地図はこちらです。

  1. 結婚式やイベント. 挙式、披露宴、ゲスト用のホテル、駐車場、送迎バスの乗り場を1枚の地図に。リンクや印刷した地図を招待状に入れれば、迷う人はいません。
  2. 旅行と旅程. 日ごとの番号付きの立ち寄り先、その間の徒歩や車のルート、レストランとホテル。旅の仲間と共有し、移動中はスマートフォンで開けます。
  3. 小さなお店や会社. 店舗、配達エリア、受け取り場所、サービス対象地域を1枚の地図にして、自社サイトに埋め込めます。開発者も地図APIのキーも不要です。
  4. クラブ、学校、チーム. 集合場所、ランニングコース、グラウンド、スクールバスの停留所を、時間のメモ付きで。シーズンごとに地図を更新して新しいリンクを送りましょう。
  5. 住まい探しと引っ越し. 内見したい物件、通勤ルート、近くの学校やお店を、徒歩圏を示す円付きで。候補を並べて比べられます。
  6. フィールドワークとボランティア. 調査地点、清掃エリア、配布場所、担当区域を、写真とメモ付きで。GPS用にGPX、Google Earth用にKMLで書き出せます。
  7. 授業や物語. 史跡、探検のルート、小説の舞台、まち歩きのコースを、写真と出典へのリンク付きで。
  8. 個人的な地図. 住んだことのある場所、お気に入りのカフェ、行きたいハイキングコース、世界中の家族の地図を、自分だけのリンクで。

しくみ:リンクと測定

この地図作成ツールには2つの特徴があります。地図はリンクの中に保存され、長さと面積はすべて平らな画面ではなく丸い地球の上で測られます。それぞれのしくみを説明します。

1. 地図はリンクの中にある

「共有」タブを開くと、地図はコンパクトなリストとして書き出され、圧縮されて、Webアドレスで安全に使える文字列に変換されます。それはリンクの「#」より後ろに入ります。この部分はブラウザがサーバーに送ることがありません。

地図  →  コンパクトなJSON  →  deflate圧縮  →  base64url文字列

https://onlinemapmaker.com/custom-map-maker/view/#m=fVVLbuNGEL1K…
                                                   └──── 地図全体 ────┘

例(パリの週末、12項目):
  コンパクトなJSON  1,689 バイト  →  圧縮後  907 バイト  →  リンク ≈ 1,260 文字

地図がリンクの中にあるので、アカウントもデータベースも、あとで消すものもありません。リンクが地図そのものです。その代わり、リンクは変わりません。地図を編集したら新しいリンクをコピーしてください。閲覧用リンクと編集用リンクは同じデータから作られ、編集用リンクはビューアーの代わりにエディターを開くだけです。

2. リンクを短く保つ

項目はそれぞれ短い配列として保存され、色は「#」なし、空の項目は省かれ、座標は小数点以下6桁に丸められます。6桁は地上で約11cmで、スマートフォンの画面を指で触るよりずっと正確です。

ピン   ["p", グループ, 名前, メモ, 色, [緯度, 経度], アイコン, 形, 写真, リンク]
ルート ["l", グループ, 名前, メモ, 色, [[緯度, 経度], …], 太さ, 破線, 長さ表示]

緯度1° ≈ 111,320 m   →   0.000001° ≈ 0.11 m

パリの例(メモ付き12項目)のリンクは約1,260文字、短い名前のピン300個の地図で約3,200文字で、どのチャットアプリやメールソフトでも扱えます。とても大きな地図(長いGPSの軌跡、数百か所)ではリンクが長くなります。一部のアプリには長すぎる場合はツールが知らせるので、代わりにKMLやGeoJSONファイルを共有できます。

3. ルートを測る:ハバーサインの公式

ルートの長さは、点と点の間の大圏距離の合計です。大圏距離は球の表面に沿った最短経路で、ハバーサインの公式と地球の平均半径で計算します。

a = sin²(Δφ/2) + cos φ₁ · cos φ₂ · sin²(Δλ/2)
d = 2 · R · asin(√a)                      R = 6,371,008.8 m

例: エッフェル塔 → ルーブル
  φ₁ = 48.85837°, λ₁ = 2.29448°   φ₂ = 48.86061°, λ₂ = 2.33764°
  d ≈ 3.17 km (1.97 mi)(直線距離)

点の多いルートでは、小さな区間ごとにこの方法で測って合計します。球のモデルと実際の楕円体との差は0.5 %未満で、描いたルートと実際の道との差よりずっと小さいものです。

4. 球の上で面積を測る

面積は、地球の丸みを考慮した球面多角形の公式(Turf.jsライブラリと同じもの)で測ります。平らなWebメルカトルの地図では、同じ多角形でも赤道から離れるほど大きく見えます。

A = |Σ (λᵢ₊₁ − λᵢ₋₁) · sin φᵢ| · R² / 2

Webメルカトルの面積の倍率 = 1 / cos² φ
  48.9°(パリ)  →  画面上の面積は2.3倍大きく見える
  60°(オスロ)  →  4倍大きく見える

そのため、このツールが表示する面積はどこでも正確で、北欧の上に描いた図形は画面上の大きさから想像するより小さな面積になります。面積はm²、ヘクタール、km²で表示し、エーカーや平方マイルも併記します。

5. 円

円は中心とメートル単位の半径で保存されるので、どのズームでも本当の大きさを保ちます。面積はπr²です。円の型がないKMLやGeoJSONに書き出すときは、その距離の大圏上に置いた64点の多角形になります。

φ₂ = asin(sin φ₁ · cos δ + cos φ₁ · sin δ · cos θ)
λ₂ = λ₁ + atan2(sin θ · sin δ · cos φ₁, cos δ − sin φ₁ · sin φ₂)
δ = r / R,  θ = 0°, 5.625°, 11.25°, … 360°   (64ステップ)

「徒歩圏内のすべて」、配達の範囲、安全区域などに円を使ってください。半径のハンドルは画面のピクセルではなく、地上の距離に合わせて動きます。

6. 自動番号

番号アイコンのピンは、グループ内の並び順に番号が付きます。グループで最初の番号付きピンが1、次が2、という具合です。一覧でピンを上下に動かすと番号が変わり、グループごとに数えるので、「1日目」と「2日目」をどちらも1から始められます。

グループ「見どころ」:  Eiffel Tower 1 · Orsay 2 · Louvre 3 · Notre-Dame 4 · Sacré-Cœur 5
グループ「食事」:      シンプルなアイコン、番号なし

同じ番号が地図、印刷した一覧、KMLの名前、CSVに表示されるので、印刷した地図とスマートフォンの内容は常に一致します。

広告
広告

共有とダウンロードの詳細

それぞれの共有方法でできることと、どのアプリにどのファイルを選べばよいかを説明します。

共有リンク(閲覧のみ) リンク

タイトル、説明、凡例、場所の一覧付きの全画面の地図を開きます。項目をタップすると、メモ、写真、リンク、「経路」ボタンが表示されます。見る人はグループを非表示にしたり、編集可能なコピーを開いたりできますが、あなたの地図を変えることはできません。

招待状、チャット、SNSに最適です。リンクはどのスマートフォンやパソコンでも使え、サーバーには何も保存されません。

編集用リンク リンク

同じ地図をエディターで開きます。開いた人はすべてを変更して、自分の新しいリンクを共有できます。

複数人で地図を作るときに使います。編集用リンクを送り、相手が変更して自分のリンクを送り返します。

埋め込みコード iframe

Webサイト、ブログ、オンラインショップに地図を表示する1行のHTMLで、「大きな地図で開く」ボタンが付きます。HTMLを受け付けるサイト作成ツールならどこにでも貼り付けられます。地図の下には「OnlineMapMaker.comで作成した地図」という小さなリンクが、あなたのページの中に入ります。

地図はコードの中にあるので、下書きを編集しても変わりません。地図を更新したら新しいコードを作ってください。

PNG画像 .png

今の表示を、背景地図、表示中のすべての項目、ピンの名前、タイトル、凡例、地図のクレジット付きで写した鮮明な画像(2倍の解像度)です。

スライド、チラシ、SNSの投稿、印刷した招待状に向いています。

印刷 / PDF 印刷

地図の画像に続いて、グループごとに項目(番号、名前、メモ、座標、ルートの長さ、面積)が並ぶ印刷用のページです。印刷画面で「PDFとして保存」を選ぶとファイルになります。

ゲスト、チームのメンバー、旅行のしおり用の配布資料に便利です。

KML .kml

グループごとのフォルダに、各項目の色が入ります。Google Earthで開け、Google マイマップにレイヤーとして読み込めます。円は64点の多角形になります。

Googleのツールや多くのGISソフトに地図を移すときに選んでください。

GeoJSON .geojson

geojson.io、GitHub、多くのツールが読むsimplestyleのプロパティ(marker-color、stroke、fill)と、名前、メモ、グループ、アイコンを持つ標準的なGISファイルです。

QGIS、ArcGIS、Web開発者など、地理データを扱う人向けです。このサイトのGeoJSON ビューアーでも開けます。

GPX .gpx

ピンはウェイポイント、ルートはトラックになり、名前とメモが付きます。エリア、円、ラベルはGPXにないため含まれません。

GPS機器、登山やサイクリングのアプリ向けです。

CSV .csv

すべてのピンの表:グループ、番号、名前、メモ、緯度、経度、アイコン、色、リンク、写真。Excel、Googleスプレッドシート、Numbersで開けます。

一覧表、差し込み印刷、招待状に。同じ列のまま読み込み直せます。

すべてのファイルは、画面上の地図からブラウザ内で作られます。

この無料の地図作成ツールとGoogle マイマップの比較

Google マイマップはカスタムマップの代表的なツールです。私の考えでは、すでにGoogleのツールを使っているならとても便利で、地図とリンクがすぐ欲しいだけならこのツールのほうが速く作れます。

機能このツールGoogle マイマップ
アカウント不要Googleアカウントが必要
地図の保存場所共有リンクとブラウザの中だけGoogle ドライブ
共有リンクをコピーするだけ先にドライブで共有設定を変更
地図上の測定長さ、面積、円を地図に表示選択した線や図形について表示
ダウンロードPNG、印刷/PDF、KML、GeoJSON、GPX、CSVKML/KMZ、印刷
経路案内ピンごとの「経路」ボタン経路レイヤーを内蔵
共同作業編集用リンクでGoogleアカウントで共同編集

両方を使うこともできます。ここで描いてKMLをダウンロードし、Google マイマップの機能が必要なときに読み込めばよいのです。

よくある質問

カスタムマップの作成と共有について、特によく聞かれる20の質問です。

1. このオンライン地図作成ツールは本当に無料ですか?

はい。アカウントも試用期間もなく、画像に透かしも入らず、地図の数にも制限はありません。ツールはブラウザで動くので、提供するコストはほとんどかかりません。

2. 登録やログインは必要ですか?

いいえ。ページを開けばすぐ始められます。作業はブラウザに自動保存され、共有はリンクで行うので、ログインする場所がありません。

3. 地図はどこに保存されますか?

2か所だけです。作業中はあなたのブラウザに、共有するときはリンクの中に保存されます。当サイトのサーバーに地図を保存することはありません。ブラウザのデータを消すと下書きは消えますが、共有したリンクにはすべて地図が入ったままです。

4. 共有したあとで地図を変更できますか?

はい。ただし地図はリンクの中にあるので、古いリンクは古いままです。変更したら新しいリンクをコピーして送り直してください。常に最新版を表示する固定のアドレスが必要なら、自分のWebページに地図を埋め込み、そこのコードを更新してください。

5. だれが地図を見られますか?

リンクを持っている人だけです。地図はどこにも一覧表示されず、検索エンジンにも登録されず、私たちも保存しません。リンクを持っている人は転送できるので、暗証番号などの個人情報は共有する地図に載せないでください。

6. 正確な住所にピンを置くには?

地図の上にある検索ボックスに住所を入力してEnterを押します。正しい結果を選び、「ピンとして追加」を押します。ピンツールで地図をクリックし、ピンを正確な位置までドラッグすることもできます。

7. 番号付きのツアーや旅程を作るには?

グループのピンに番号アイコン(1·2)を選びます。一覧の順に番号が付きます。ピンのエディターの矢印で順番を変えられます。グループごとに1から数えるので、日ごとにグループを作れます。

8. ピンに写真を付けられますか?

はい、Webアドレスで付けられます。すでにオンラインにある写真(自分のサイトや写真共有サイトなど)のアドレスを「写真」欄に貼り付けてください。地図全体をリンクに収める必要があるため、写真はアップロードされません。

9. ルートを描いて長さを見るには?

線ツールを選び、ルートに沿って点をクリックし、ダブルクリックか「完了」で終えます。長さがkmとマイルで地図に表示されます。破線にしたり、太さを変えたり、角をドラッグして調整したりできます。

10. エリアや土地の面積を測るには?

エリアツールを選んで角をクリックします。最初の角をもう一度クリックするか「完了」で閉じます。面積はm²、ヘクタール、km²に加えてエーカーや平方マイルでも表示され、丸い地球の上で測られます。

11. インタラクティブな地図を無料で自分のサイトに埋め込めますか?

はい。「共有」タブで埋め込みコードをコピーし、ページに貼り付けてください(WordPress、Wix、Squarespace、ShopifyはHTMLブロックとして受け付けます)。大きく開くボタン付きで地図が表示されます。

12. 地図を印刷できますか?

はい。「印刷 / PDF」で、地図とすべての場所のメモ付き一覧があるページが開きます。そのまま印刷するか、印刷画面で「PDFとして保存」を選んでください。チラシやスライドにはPNG画像を使ってください。

13. ExcelやGoogleスプレッドシートから場所を読み込めますか?

はい。緯度と経度の列(「lat」「lng」などの名前で可)と、必要なら名前、説明、グループの列を付けてCSVで保存し、「地図」タブで読み込みます。住所しかない場合は、まずこのサイトの「住所から緯度経度へ」ツールで座標を調べてください。

14. Google マイマップやGoogle Earthの地図を持ってこられますか?

はい。Google マイマップでは「KML/KMZにエクスポート」、Google EarthではKMLまたはKMZで保存します。そのファイルをここで読み込むと、フォルダはグループになり、色も引き継がれます。

15. 作った地図をGoogle マイマップに書き出せますか?

はい。KMLをダウンロードし、Google マイマップで新しいレイヤーとして読み込みます。名前、メモ、色、図形がそのまま移ります。

16. 道路地図がズーム13までしか拡大できないのはなぜ?

道路地図は当サイト独自のベクタータイルで、そのレベルまでのデータだからです。「地図」タブで「詳細」か「衛星」を選ぶと、通りや建物(レベル19)まで拡大できます。

17. 1枚のカスタムマップに何か所まで登録できますか?

2,000項目までです。実際にはリンクの長さが目安で、数百個までのピンなら問題なく共有できます。リンクが長くなると知らせるので、とても大きな地図はファイルで共有してください。

18. スマートフォンでも使えますか?

はい。スマートフォンやタブレットで地図を作って編集でき、共有地図はスマートフォン向けに作られています。ピンをタップするとメモと「経路」ボタンが出て、スマートフォンの地図アプリが開きます。

19. 複数人で同じ地図を作れますか?

はい、交代で作れます。編集用リンクを送ると、相手が変更して新しいリンクを送り返します。サーバーに地図のコピーがないので、同時編集はできません。

20. 地図を商用で使えますか?

はい、あなたの地図はあなたのものです。背景地図にはそれぞれクレジットがあり、画像と共有地図に自動で表示されます(OpenStreetMap、Protomaps、Esri)。地図を公開するときは見えるようにしておいてください。

地図データ、ソフトウェア、クレジット

このツールはオープンデータとオープンソースのソフトウェアで作られています。

  • Leaflet 1.9 · BSD-2-Clause
    インタラクティブな地図、マーカー、図形、ポップアップ。
  • OpenStreetMap · ODbL 1.0
    背景地図の道路データ:© OpenStreetMap contributors、Open Database Licenseのもとで提供。
  • Protomaps (hosted by KONAKTIVE), CARTO · ODbL and provider terms
    標準の道路地図:KONAKTIVEがホストする独自のベクタータイル(予備としてCARTOとOpenStreetMap)。
  • 詳細(World Topo)と衛星(World Imagery)の背景地図。
  • Turf.js · MIT
    球面上の面積計算。
  • JSZip · MIT
    KMZファイルと、その中に圧縮されたKMLの読み込み。

リンクの形式、測定ツール、各ファイル形式の読み込みと書き出し、PNGと印刷ページの作成、共有画面は、このサイトのために書かれたもので、ブラウザの中で動きます。

関連する地図ツール

長さと面積は球の上で測っており、誤差は約0.5 %です。検索で得られる位置はOpenStreetMapベースや商用のジオコーダーによるもので、新しい住所や珍しい住所ではずれることがあります。大切なピンは衛星地図で確認してください。 Base maps © OpenStreetMap contributors, Protomaps (hosted by KONAKTIVE), CARTO, Esri.

Muhammad Gulraiz Khan、GIS専門家、KONAKTIVEおよびOnlineMapMaker.comの創業者

著者について

Muhammad Gulraiz Khan

GIS専門家・コンサルタント、KONAKTIVE創業者

Muhammad Gulraiz Khanは、エネルギー分野向けに地理空間ソリューションを提供してきた10年以上のプロフェッショナル経験を持つGIS専門家です。世界銀行、国際金融公社(IFC)、USAIDのプロジェクトにも携わってきました。彼はプロフェッショナル品質の地図作成ツールを誰もが無料で利用できるようにするため、OnlineMapMaker.comを立ち上げました。

広告
広告