PageSourceSearch

https://www.100map.net/l/distance/

html 100map.net collected 2026-10-08 10:44:17 UTC 17,244 bytes, 384 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3<head>
4
5<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 5-6
5
6<script async src="https://www.googletagmanager.com/gtag/js?id=
6UA-46663387-1
vendor: 12 bytes, line 6
6"></script>
7<script>
8  
vendor: 133 bytes, lines 8-11
8window.dataLayer = window.dataLayer || [];
9  function gtag(){dataLayer.push(arguments);}
10  gtag('js', new Date());
11  gtag('config', '
11UA-46663387-1
vendor: 4 bytes, line 11
11');
12</script>
12
13<!-- /Global site tag -->
14
15<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6353314204622589" crossorigin="anonymous"></script>
vendor: 1 bytes, line 15
15
16<script async src="https://fundingchoicesmessages.google.com/i/pub-6353314204622589?ers=1"></script>
16<script>(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script>
16
17
18<meta charset="utf-8">
19<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
20<title>指定した地点間の距離を測れる地図 : 100%地図印刷</title>
21<meta name="description" content="地図上を複数箇所クリックすると、その合計距離を測定できます。">
22<link href="/common/base.css?44" rel="stylesheet">
23<script src="/js/map.js?72" defer></script>
23
24
25<link rel="icon" type="image/png" href="/img/favicon/favicon-96x96.png" sizes="96x96" />
26<link rel="icon" type="image/svg+xml" href="/img/favicon/favicon.svg" />
27<link rel="shortcut icon" href="/img/favicon/favicon.ico" />
28<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png" />
29<meta name="apple-mobile-web-app-title" content="100MAP" />
30<link rel="manifest" href="/img/favicon/site.webmanifest" />
31<style id="dynamicPageStyle"></style>
32
33</head>
34<body>
35
36<header>
37	<h1><a href="/" title="指定した地点間の距離を測れる地図 : 100%地図印刷"><span>指定した地点間の距離を測れる地図 : 100%地図印刷</span></a></h1>
38	<p>
39		地図を用紙一杯ピッタリ奇麗に印刷できる<br>
40		画面での表示範囲をそのままピッタリ印刷<br>
41		スマホ(iPhone,Android)にも対応
42	</p>
43</header>
44
45<nav id="navi-top">
46	<ul>
47		<li><a href="/">HOME</a></li><!--
48		--><li><a href="/guide/#about">サイトの特徴</a></li><!--
49		--><li><a href="/guide/#how-to-fit-print">印刷手順</a></li><!--
50		--><li><a href="/guide/#copyright" class="red">地図著作権</a></li>
51	</ul>
52</nav>
53
54<main>
55
56<section class="content">
57	<h2>指定地点間の距離を測れる地図</h2>
58	<ul>
59		<li>地図上の指定した地点間の直線距離を測れます。</li>
60		<li>地点は3カ所以上でも測れます。
61			<ul class="p0 width-322 black">
62				   <li><div class="credit"><img src="/img/l_distance/1.jpg" alt="地図上で複数地点の距離を測定(2地点)"><span>出典:OpenStreetMap</span></div></li><!--
63				--><li><div class="credit"><img src="/img/l_distance/2.jpg" alt="地図上で複数地点の距離を測定(複数地点)"><span>出典:OpenStreetMap</span></div></li>
64			</ul>
65		</li>
66	</ul>
67</section>
68
69<section class="content">
70	<h2>使い方</h2>
71	<ol>
72		<li>距離を測りたい地点を順に2箇所以上クリックします。</li>
73		<li>最後にクリックした地点に距離が表示されます。</li>
74	</ol>
75	<ul>
76		</li>
77		<li>ピンはクリックすると消せます。</li>
78	</ul>
79</section>
80
81
82<div class="gad">
83	
83<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6353314204622589" crossorigin="anonymous"></script>
83
84	<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6353314204622589" data-ad-slot="2556371225" data-ad-format="auto"></ins>
85	
85<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
85
86</div>
87
88<section class="content map" id="form">
89	<h2>地図PDF作成フォーム</h2>
90</section>
91<section id="mapBuilder">
92	<div id="main">
93		<div id="paperViewport">
94			<div id="paper">
95				<div id="map"><iframe src="/common/map-leaflet.html" title="地図"></iframe></div>
96				<textarea id="memo" maxlength="1000" placeholder="この部分にメモを書き込めます。入力内容は、誤ってページを閉じても消えないように、30分間お使いの端末に記憶します。"></textarea>
97			</div>
98		</div>
99	</div>
100	<div id="side">
101		
102		<!-- ツール用ナビ -->
103		<div id="navi3"></div>
104		<div id="navi2"></div>
105		<div id="navi1">
106			<h3>印刷設定[ <a href="/guide/#how-to-print-settings" target="guide">使い方</a>・<a href="/guide/#how-to-fit-print" target="guide">PDF保存,印刷手順</a> ]</h3>
107			
108			<div class="form form3">
109				<div>
110					<label for="paperType">用紙 / 表示範囲</label>
111					<select id="paperType" name="paperType" aria-label="用紙サイズ">
112						<optgroup label="A判">
113							<option value="A0P">A0縦</option>
114							<option value="A0L">A0横</option>
115							<option value="A1P">A1縦</option>
116							<option value="A1L">A1横</option>
117							<option value="A2P">A2縦</option>
118							<option value="A2L">A2横</option>
119							<option value="A3NP">A3ノビ縦</option>
120							<option value="A3NL">A3ノビ横</option>
121							<option value="A3P">A3縦</option>
122							<option value="A3L">A3横</option>
123							<option value="A4P" selected>A4縦 ■</option>
124							<option value="A4L">A4横 ■</option>
125							<option value="A5P">A5縦</option>
126							<option value="A5L">A5横</option>
127						</optgroup>
128						<optgroup label="B判">
129							<option value="B0P">B0縦</option>
130							<option value="B0L">B0横</option>
131							<option value="B1P">B1縦</option>
132							<option value="B1L">B1横</option>
133							<option value="B2P">B2縦</option>
134							<option value="B2L">B2横</option>
135							<option value="B3P">B3縦</option>
136							<option value="B3L">B3横</option>
137							<option value="B4P">B4縦</option>
138							<option value="B4L">B4横</option>
139							<option value="B5P">B5縦</option>
140							<option value="B5L">B5横</option>
141						</optgroup>
142						<optgroup label="その他">
143							<option value="FULL">画面全体</option>
144							<option value="K4">4K</option>
145							<option value="FHD">フルHD</option>
146							<option value="FREE">フリー</option>
147						</optgroup>
148					</select>
149					<select id="percentage" name="percentage" aria-label="表示範囲">
150						<option value="80">80%</option>
151						<option value="90">90%</option>
152						<option value="100" selected="selected">100% ■</option>
153						<option value="110">110%</option>
154						<option value="120">120%</option>
155						<option value="130">130%</option>
156						<option value="140">140%</option>
157						<option value="150">150%</option>
158						<option value="160">160%</option>
159						<option value="170">170%</option>
160						<option value="180">180%</option>
161						<option value="190">190%</option>
162						<option value="200">200%</option>
163						<option value="210">210%</option>
164						<option value="220">220%</option>
165						<option value="230">230%</option>
166						<option value="240">240%</option>
167						<option value="250">250%</option>
168						<option value="260">260%</option>
169						<option value="270">270%</option>
170						<option value="280">280%</option>
171						<option value="290">290%</option>
172						<option value="300">300%</option>
173					</select>
174				</div><!--
175				--><div class="changeBlock">
176					<label for="paperW">横 <span>mm</span></label>
177					<input type="number" id="paperW" name="paperW" min="1" max="1200" step="1" value="210" aria-label="用紙の横サイズ">
178					<button type="button" class="pm">ー</button><button type="button" class="pm">+</button>
179				</div><!--
180				--><div class="changeBlock">
181					<label for="paperH">縦 <span>mm</span></label>
182					<input type="number" id="paperH" name="paperH" min="1" max="1200" step="1" value="297" aria-label="用紙の縦サイズ">
183					<button type="button" class="pm">ー</button><button type="button" class="pm">+</button>
184				</div>
185			</div>
186	
187			<div class="form form3">
188				<div>
189					<label for="printM">余白 <span>mm</span></label>
190					<input type="number" id="printM" name="printM" min="0" max="30" step="1" value="
1900" aria-label="余白サイズ">
191					<button type="button" class="pm">ー</button><button type="button" class="pm">+</button>
192				</div><!--
193				--><div class="memo">
194					<label for="memoH">メモ欄高 <span>mm</span></label>
195					<input type="number" id="memoH" name="memoH" min="0" max="400" step="1" value="0" aria-label="メモ欄の高さ">
196					<button type="button" class="pm">ー</button><button type="button" class="pm">+</button><button type="button" id="swapMapMemo">↓↑</button>
197				</div><!--
198				--><div>
199					<label for="memoFs">文字 <span>px</span></label>
200					<input type="number" id="memoFs" name="memoFs" min="12" max="50" step="1" value="15" aria-label="メモ欄の文字サイズ">
201					<button type="button" class="pm">ー</button><button type="button" class="pm">+</button>
202				</div>
203			</div>
204	
205			<div class="form form3">
206				<div>
207					<label for="opacity">透明度</label>
208					<input type="number" id="opacity" name="opacity" min="0.3" max="1.0" step="0.1" value="1.0" aria-label="透明度">
209					<button type="button" class="pm">ー</button><button type="button" class="pm">+</button>
210				</div><!--
211				--><div>
212					<label for="saturate">彩度</label>
213					<input type="number" id="saturate" name="saturate" min="0" max="200" step="10" value="100" aria-label="彩度">
214					<button type="button" class="pm">ー</button><button type="button" class="pm">+</button>
215				</div>
216			</div>
217			
218			<div class="form form1">
219				<div>
220					<button type="button" id="btnOpenMapCopy">印刷画面表示</button>
221				</div>
222			</div>
223		</div>
224		
225		<div class="gad">
226			<!-- 100map side -->
227			<ins class="adsbygoogle"
228			     style="display:inline-block;"
229			     data-ad-client="ca-pub-6353314204622589"
230			     data-ad-slot="1890194761"></ins>
231			
231<script>
232			     (adsbygoogle = window.adsbygoogle || []).push({});
233			</script>
233
234			<!-- /100map side -->
235		</div>
236	</div>
237</section>
238
239
240<div class="gad">
241	
241<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6353314204622589" crossorigin="anonymous"></script>
241
242	<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6353314204622589" data-ad-slot="2556371225" data-ad-format="auto"></ins>
243	
243<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
243
244</div>
245
246<nav class="content">
247	<!-- <h2>MENU</h2> -->
248	<div id="navi" class="navi1 width-421">
249		<div class="leafle" id="leafle">
250			<h3>Leafletマップ</h3>
251			<ul>
252				<li><a href="/l/">地図</a></li>
253				<li><a href="/l/circle/" title="同心円を描ける地図">同心円を描ける地図</a></li>
254				<li><a href="/l/distance/">距離を測れる地図</a></li>
255				<li><a href="/l/area/">面積を測れる地図</a></li>
256				<li><a href="/l/direction/">2地点の方角と距離を測れる地図</a></li>
257				<li><a href="/l/latlon/">クリック地点の緯度経度を表示</a></li>
258				<li><a href="/l/elevation/">クリック地点の標高を表示</a></li>
259				<li><a href="/l/address/">クリック地点の住所を表示</a></li>
260				<li><a href="/l/here/">現在地を表示</a></li>
261				<li><a href="/l/memo/">クリック地点にメモを表示</a></li>
262				<li><a href="/l/maker/">クリック地点にピンを表示</a></li>
263				<li><a href="/l/route/">通勤通学経路 学校提出用の地図作成</a></li>
264				<li><a href="/l/sunmoon/">日の出,日の入り,月の出,月の入り 地図</a></li>
265				<li><a href="/l/tokyo-dome/">東京ドーム何個分?地図</a></li>
266			</ul>
267		</div><!--
268		--><div class="google" id="google">
269			<h3>Googleマップ</h3>
270			<ul>
271				<li><strong><a href="/g/" title="Googleマップ">地図</a></strong></li>
272				<li><a href="/g/share/">共有地図を表示</a></li>
273				<li>API版(<a href="/guide/#google-api">API版とは</a>)
274					<ul>
275						<li><a href="/g/circle/" title="同心円を描ける地図 Googleマップ版">同心円を描ける地図</a></li>
276						<li><a href="/g/create/" title="Googleマップでオリジナル地図作成">オリジナル地図作成</a></li>
277						<li><a href="/g/notext/">文字なし地図</a></li>
278						<li><a href="/g/highway/">高速道路地図</a></li>
279						<li><a href="/g/railway/">鉄道路線図</a></li>
280						<li><a href="/g/monochrome/">モノクロ地図</a></li>
281						<li><a href="/g/changecolor/">明度と彩度を変えられる地図</a></li>
282						<li><a href="/g/world/">世界地図</a></li>
283						<li><a href="/g/japan/">日本だけの地図</a></li>
284					</li>
285				</li>
286			</ul>
287		</div><!--
288		--><div class="yahoo" id="yahoo">
289			<h3>Yahooマップ</h3>
290			<ul>
291				<li><strong><a href="/y/" title="Yahooマップ">地図</a></strong>
292					<ul>
293						<li><a href="/y/traffic/">+交通状況</a></li>
294						<!-- <li><a href="/y/congestion/">+混雑レーダー</a></li> -->
295						<li><a href="/y/rainclouds/">+雨雲レーダー</a></li>
296						<li><a href="/y/typhoon/">+台風情報</a></li>
297					</ul>
298				</li>
299				<li><a href="/y/address/">番地まで表示した地図</a></li>
300				<li><a href="/y/satellite/">航空写真</a></li>
301				<li><a href="/y/trainroutes/">路線</a></li>
302				<li><a href="/y/monochrome/">モノトーン</a></li>
303				<li><a href="/y/indoor/">屋内地図</a>(主要駅など)</li>
304			</ul>
305		</div><!--
306		--><div class="gsi" id="gsi">
307			<h3>国土地理院地図</h3>
308			<ul>
309				<li><strong><a href="/gsi/" title="国土地理院地図">地図</a></strong></li>
310				<li><strong><a href="/gsi/25000/">2万5千分1地形図の作成</a></strong></li>
311				<li><a href="/gsi/blank/">白地図</a></li>
312			</ul>
313		</div>
314	</div>
315	<div class="navi2 width-421">
316		<div class="tips">
317			<h3><a href="/guide/">ご案内</a></h3>
318			<ul>
319				<li><a href="/guide/#about">このサイトの特徴・できること</a></li>
320				<li><a href="/guide/#how-to-fit-print">用紙ピッタリに印刷する手順</a></li>
321				<li><a href="/guide/#how-to-print-settings">[印刷設定]の使い方</a></li>
322				<li><a href="/guide/#how-to-percentage">[表示範囲]の使い方</a></li>
323				<li><a href="/guide/#reason">地図を紙にプリントする理由</a></li>
324				<li><a href="/guide/#qanda">良くある質問と回答</a></li>
325				<li><a href="/guide/#copyright">地図の著作権について</a></li>
326				<li><a href="/guide/#google-api">Google API版につて</a></li>
327				<!--
328				<li><a href="#"></a></li>
329				-->
330			</ul>
331		</div><!--
332		--><div class="tips">
333			<h3>ツール</h3>
334			<ul>
335				<li><a href="/a/">地図作成(予備ツール)</a></li>
336				<li><a href="/tools/large-map/">地図PDFを分割して巨大地図作成</a></li>
337				<li><a href="/tools/pdf-image/">地図PDFをPNG画像に変換</a></li>
338				<li><a href="/tools/change-a4/">PDF,PNG,JPGをA4サイズに変換</a></li>
339			</ul>
340		</div><!--
341		--><div class="tips">
342			<h3>その他</h3>
343			<ul>
344				<li><a href="/tips/wide-range/">縮尺を変えずに広範囲の地図を作る方法</a></li>
345				<li><a href="/tips/mapapp-print/" title="スマホのGoogleマップアプリの地図を綺麗に印刷する方法">Googleマップアプリの地図の印刷方法</a></li>
346				<li><a href="/tips/set-route/">Googleマップアプリでのルート検索方法・手順</a></li>
347				<li><a href="/tips/print-cvs/">コンビニで用紙一杯に印刷する方法</a></li>
348				<li><a href="/tips/book-cover/">Googleマップで地図ブックカバーを作る</a></li>
349				<li><a href="/ehoumaki/">恵方巻き 今年の恵方を地図で確認</a></li>
350				<li><a href="/publication/">雑誌書籍での掲載履歴</a></li>
351				<li><a href="#form">地図作成フォーム</a></li>
352			</ul>
353		</div><!--
354		--><div class="tips">
355			<h3>メッセージ送信</h3>
356			<div class="form-message">
357				<textarea id="message" maxlength="2000" placeholder="2000文字以内
358ご意見、ご希望、ご感想、募集しております。
359個人情報は入力しないでください。"></textarea><br>
360				<button id="sendButton">
360送信</button>
361				<div id="result"></div>
362			</div>
363		</div>
364	</div>
365</nav>
366
367</main>
368
369<div class="gad">
370	
370<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6353314204622589" crossorigin="anonymous"></script>
370
371	<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6353314204622589" data-ad-slot="2556371225" data-ad-format="auto"></ins>
372	
372<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
372
373</div>
374
375<footer>
376	<div><a href="https://www.norihodai.com/">乗り放題...疑問解決サイト</a></div>
377	<div><a href="https://www.calendar1.net/">写真入りオリジナルカレンダー作成</a></div>
378	<div><a href="/privacy/">プライバシー・利用者情報の外部送信</a></div>
379	<div><a href="https://www.plus-a.net/">制作・運営 : Plus-α.net</a></div>
380</footer>
381
382</body>
383</html>
384

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.