CINXE.COM
地理院地図 / GSI Maps|国土地理院
<!DOCTYPE html> <html lang="ja"> <head> <link rel="apple-touch-icon" href="apple-touch-icon.png" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0, ,user-scalable=no" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="description" content="地形図、写真、標高、地形分類、災害情報など、日本の国土の様子を発信するウェブ地図です。地形図や写真の3D表示も可能。"> <title>地理院地図 / GSI Maps|国土地理院</title> <link rel="stylesheet" href="js.lib/leaflet-1.2.0/leaflet.css" /> <script type="text/javascript" src="js.lib/leaflet-1.2.0/leaflet-src.js"></script> <link rel="stylesheet" type="text/css" href="./js.lib/jquery/jquery-ui.min.css" /> <script type="text/javascript" src="./js.lib/jquery/jquery-3.6.3.min.js"></script> <!-- <script type="text/javascript" src="./js.lib/jquery/ZeroClipboard2.0.2/ZeroClipboard.js"></script> --> <script type="text/javascript" src="./js.lib/jquery/jquery.xdomainrequest.min.js"></script> <script type="text/javascript" src="./js.lib/jquery/jquery-ui.min.js"></script> <!-- <script type="text/javascript" src="./js.lib/jquery/jquery.ui.touch-punch.js"></script> --> <script type="text/javascript" src="./js.lib/jquery/jquery.qrcode/jquery.qrcode.min.js"></script> <script type="text/javascript" src="./js.lib/jquery/jquery.csv/jquery.csv.min.js"></script> <!-- <script type="text/javascript" src="./js.lib/jquery/jquery.cookie.js"></script> --> <script type="text/javascript" src="./js.lib/js.cookie.min.js"></script> <link rel="stylesheet" href="./js.lib/jquery/jquery.alerts.css" type="text/css" media="all" /> <script type="text/javascript" src="./js.lib/jquery/jquery.alerts.js"></script> <link rel="stylesheet" type="text/css" href="./js.lib/jquery/colorpicker/jquery.simple-color-picker.css" /> <script type="text/javascript" src="./js.lib/jquery/colorpicker/jquery.simple-color-picker.js"></script> <script type="text/javascript" src="./js.lib/jquery/colorpicker/js/colorpicker.js"></script> <link rel="stylesheet" type="text/css" href="./js.lib/jquery/colorpicker/css/colorpicker.css" /> <!-- <script type="text/javascript" src="./js.lib/jquery/ah-placeholder/jquery.ah-placeholder.js"></script> --> <script type="text/javascript" src="js.lib/OSGeo/proj4js-combined.js"></script> <script type="text/javascript" src="js.lib/exif.js"></script> <script type="text/javascript" src="js.lib/geotiff.browserify.min.js"></script> <link rel="stylesheet" type="text/css" href="js.lib/leaflet-plugin/leaflet.label/leaflet.label-gsi.css" /> <script type="text/javascript" src="js.lib/leaflet-plugin/leaflet.label/leaflet.label.js"></script> <link rel="stylesheet" type="text/css" href="js.lib/leaflet-plugin/Control.MiniMap/Control.MiniMap-gsi.css" /> <script type="text/javascript" src="js.lib/leaflet-plugin/Control.MiniMap/Control.MiniMap-gsi.js"></script> <script type="text/javascript" src="js.lib/leaflet-plugin/TileLayer.GeoJSON/TileLayer.GeoJSON-gsi.js"></script> <script type="text/javascript" src="js.lib/leaflet-plugin/leaflet-omnivore/leaflet-omnivore.min.js"></script> <link rel="stylesheet" type="text/css" href="js.lib/leaflet-plugin/leaflet.draw/leaflet.draw-gsi.css" /> <script type="text/javascript" src="js.lib/leaflet-plugin/leaflet.draw/leaflet.draw-gsi.js"></script> <script type="text/javascript" src="js.lib/leaflet-plugin/Leaflet.Sync/L.Map.Sync.js"></script> <script type="text/javascript" src="js.lib/leaflet-plugin/Leaflet.Geodesic/Leaflet.Geodesic.js"></script> <script type="text/javascript" src="js.lib/leaflet-plugin/leaflet-hash/leaflet-hash-gsi.js"></script> <script type="text/javascript" src="js.lib/html2canvas.js"></script> <script type="text/javascript" src="js.lib/encoding/encoding.js"></script> <script type="text/javascript" src="js.lib/NoSleep/NoSleep.min.js"></script> <link rel="stylesheet" href="js.lib/leaflet-plugin/Leaflet.zoomslider-0.6.1/L.Control.Zoomslider.css" type="text/css" /> <script type="text/javascript" src="js.lib/leaflet-plugin/Leaflet.zoomslider-0.6.1/L.Control.Zoomslider.js"></script> <link rel="stylesheet" type="text/css" href="./css/gsimaps.css" /> <script type="text/javascript" src="js/setting.js"></script> <script type="text/javascript" src="js/tooltip.js"></script> <script type="text/javascript" src="js/gsimaps.js"></script> <script type="text/javascript" src="js/extend_jqlibs.js"></script> <script type="text/javascript" src="js/photo.js"></script> <script type="text/javascript" src="js/pc.js"></script> <script type="text/javascript" src="js/muni.js"></script> <script type="text/javascript" src="js/jiki.js"></script> <script type="text/javascript" src="js/multilang.js"></script> <noscript> <div class="noscript"> JavaScriptを有効にしてご覧ください。 </div> </noscript> <script type="text/javascript"> if(L.Browser.ie) { // 202303 // ieの場合は別ブラウザ推奨ページへ setTimeout(function() { location.href = "/deprecated.html"; }, 0); // window.onload = function () { // document.getElementById("incompatible").style.display = 'block'; // document.getElementById("header").style.display = 'none'; // document.getElementById("topmessage").style.display = 'none'; // document.getElementById("measure").style.display = 'none'; // }; } </script> </head> <body> <div id = "incompatible"> 地理院地図は Microsoft Edge, Google Chrome, Mozilla Firefox, Apple Safari でご利用ください。<br> (これらのブラウザでこのメッセージが表示されている場合は、キャッシュデータの削除をお試しください。) </div> <div id="header" class="logo_s"> <div class="logoarea"> <a style="text-decoration:none;" href=""> <div id="title_logo_upper">地理院地図</div> <div id="title_logo_lower">(電子国土Web)</div> </a> </div> <div class="magnifyingglass"> <img name="magnifyimage" id="magnifyimage" src="./image/system/search.png" /> </div> <form name="search_f" id="search_f" autocomplete="off"> <input name="query" id="query" value="" type="search" placeholder="例:剱岳 / 金沢市木ノ新保町 / 35度0分0秒 135度0分0秒 / 35.00 135.00 / 54SUE83694920" /> </form> <div class="gsi-header-tools"></div> </div> <div id="topmessage"></div> <div id="map"></div> <div class="leaflet-control-flatpanel leaflet-control" id="zoomGuidePanel" style="display: none;z-index: 2;position: absolute;right: 10px;bottom: 35px;"> <div class="leaflet-control-crpanel" id="zoomGuideMinMax" style="border-radius: 5px 5px 0px 0px;">この情報はズームmin~maxで表示されます。</div> <div class="leaflet-control-crpanel">なお、整備範囲が全国であるとは限りません。</div><div class="leaflet-control-crpanel" style="border-radius: 0px 0px 5px 5px;"> <input class="" type="checkbox" id="zoomGuideCheckbox"> <label class="" for="zoomGuideCheckbox">以後、この案内を表示しない</label> </div> </div> <canvas id="measure" width="0" height="0" style="visibility:hidden;position:absolute;"></canvas> </body> </html>