図書館マップ | カーリル

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>図書館マップ | カーリル</title> <meta name="theme-color" content="#00A1EA"> <meta name="application-name" content="カーリル" /> <meta name="apple-mobile-web-app-title" content="カーリル"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="search" type="application/opensearchdescription+xml" href="https://calil.jp/public/search.xml" title="カーリル" /> <link rel="alternate" type="application/rss+xml" title="カーリルのブログ" href="https://blog.calil.jp/feed" /> <link rel="stylesheet" href="/public/web-html/css/index.css"> <style type="text/css" media="print"> #menu, #menu_sp, .navigation { display: none; } #next, #next * { -webkit-print-color-adjust: exact; } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-S0SYRD0CEW"></script> <script> var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack; if (dnt!=='1' && dnt!=='yes') { window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-S0SYRD0CEW'); } else { console.log('Do-Not-Track, not loading analytics.'); window.gtag = function() {}; } </script> </head> <body> <div id="menu"> <div class="container"> <a href="/"> <img src="/public/web-html/assets/home.svg" title="ホーム"> </a> <a href="/popular/">今話題の本</a><a href="/library/">図書館マップ</a><a href="/recipe">本のレシピ</a><a class="large" href="/list">読みたいリスト</a> <div class="dropdown"> <button aria-disabled="true" onclick="event.target.focus();">もっと見る<span class="caret" aria-hidden="true">▼</span></button> <div class="menu" role="menubar"> <a tabindex="0" class="small" href="/list">読みたいリスト</a> <a tabindex="0" href="/review/">書評</a> <a tabindex="0" href="/local/">カーリルローカル</a> <a tabindex="0" href="/touch/">カーリルタッチ</a> <a tabindex="0" href="/stamp">図書館スタンプラリー</a> </div> </div> <div class="right"> <a href="/login?redirect=/library/">ログイン・新規登録</a> <div class="dropdown"> <button aria-disabled="true" onclick="event.target.focus();">設定<span class="caret">▼</span> </button> <div class="menu" role="menubar" aria-label="設定"> <a tabindex="0" href="/settings">お気に入り図書館</a> <a tabindex="0" href="/profile/source">高度な検索設定</a> <a tabindex="0" href="/login?redirect=/library/">ログイン</a> </div> </div> </div> </div> </div> <div id="menu_sp" role="menu"> <div class="container"> <a class="logo" href="/"> <img src="/public/web-html/assets/logo-sp.svg" title="カーリル"> </a> <a class="login" href="/login?redirect=/library/">ログイン</a> <a class="setting" href="/settings">図書館の設定</a> <a href="/popular/">今話題の本</a> <a href="/library/">図書館マップ</a> <a href="/recipe">本のレシピ</a> <a href="/list">読みたいリスト</a> <a href="/review/">書評</a> <a href="/local/">ローカル</a> <a href="/stamp">スタンプラリー</a> </div> </div> <nav class="navigation"> <button class="menu_icon" aria-label="メニュー" aria-haspopup="true" aria-controls="menu_sp"></button> <button class="search_icon" aria-label="検索フォームの表示"> </nav> <div id="next" class="page_hide"> <div class="container"> <a class="logo" href="/" title="カーリルのホームに戻る"> <picture> <source media="(max-width: 1024px)" srcset="/public/web-html/assets/logo-mini.svg"> <img src="/public/web-html/assets/logo.svg" alt="日本最大の図書館蔵書検索・カーリル"> </picture> </a> <form action="/search" method="get"><input name="q" type="search" value="" placeholder="" autocomplete="off" autofocus="true"><button type="submit">さがす</button></form> </div> </div> <style type="text/css"> .container a { color: #00ABFF; text-decoration: none; } h1 { font-size: 140%; color: #00ABFF; font-weight: 400; } h1 span { font-size: 50%; } h2 { font-size: 30px; } h3 { font-size: 100%; } h2, h3, h4 { font-weight: normal; margin-bottom: 0; } h4 { clear: both; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .well { min-width: 470px; min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); } @media screen and (max-width: 1000px) { .well { min-width: auto; } } .form-control { display: inline-block; width: auto; vertical-align: middle; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .citysel{ min-width:6em; } .num { font-size:140%; } .prefmap { font-size: 14px; } @media screen and (min-width: 1001px) { .is_sp { display: none !important; } .prefmap { color:#00ABFF; background-image:url(https://calil.jp/public/img/parts/bg_map_area.png); background-repeat: no-repeat; height:485px; width:760px; margin: 0 auto; position:relative; margin:0px; margin-top:90px; margin-left:110px; } .prefmap > div { position:relative; top:-80px; left: -110px; padding-top:0; width:500px; } .prefmap h4{ display:block; font-weight: bold; margin-bottom:5px; } .prefmap .areablock { position:absolute; width:100px; font-size: 14px; line-height: 10px; } .prefmap .pref { float:left; width:90px; line-height:145%; } } @media screen and (max-width: 1000px) { .prefmap { color:#1BC7EF; } .prefmap .areablock h4{ display:block; background-color: #1BC7EF; color: white; padding:1px 0 1px 5px; margin:0px 0 5px; } .prefmap .areablock { clear:both; position:relative; padding-top:10px; top:0 !important; left:0 !important; width:100% !important; } .prefmap .pref { float:left; width:90px; line-height:145%; font-size:110%; } #lib_query { margin-bottom:10px; } button[type='submit'] { margin-bottom:10px; } .btn-success { margin-bottom:10px; } .stamp_rally { display:inline-block; margin: 15px 0; } } </style> <div class="container"> <h1>図書館マップ <span>近くの図書館を探そう</span></h1> <div id="pref" class="prefmap"> <div> <div class="well" style="margin-bottom:0px;color:#666666;"> <div style="font-size:120%;margin-bottom:10px">全国 <span style="font-size:160%;font-weight:bold">7474</span>館の図書館に対応</div> <small><span style="display:inline-block">公共図書館: <span class="num">5544</span>館   </span> <span style="display:inline-block"><a href="/library/univ">大学図書館: <span class="num">1571</span>館</a>   </span> <span style="display:inline-block"><a href="/library/special">専門図書館: <span class="num">359</span>館</small></a></span><br> <small style="color:#AAA;">※2025年3月20日現在　市町村カバー率：1463/1741 = 84.03216542217116% 図書館システム数：2608個</small> <h4 style="margin: 5px 0">図書館検索 <span>近くの図書館を探そう</span></h4> <form class="form-inline" action="/library/search"> <input type="text" class="form-control" name="q" value="" id="lib_query"> <button type="submit" class="btn btn-default">図書館を検索</button> <button type="button" class="btn btn-success btn-sm" onclick="calil.geo.getGeoLib2()"> <svg style="width: 12px;height: 14px;fill: #fff;position: relative;top: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 400H48V80h352v352zm-35.864-241.724L191.547 361.48c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z"/></svg> 現在位置から探す </button> </form> </div> <div> <a href="/stamp" class="stamp_rally"><img src="/public/img/2012/rally.png" width="263" height="75" alt="図書館スタンプラリー"></a> </div> </div> <div class="areablock" style="top:19px;left:645px;padding-top:0;"> <h4 class="is_sp">北海道</h4> <div class="pref"> <a href="/library/hokkaido/">北海道</a> (419)</div> </div> <div class="areablock" style="top:75px;left:610px;"> <h4>東北</h4> <div class="pref"> <a href="/library/aomori/">青森</a> (75)</div> <div class="pref"> <a href="/library/iwate/">岩手</a> (115)</div> <div class="pref"> <a href="/library/akita/">秋田</a> (85)</div> <div class="pref"> <a href="/library/miyagi/">宮城</a> (133)</div> <div class="pref"> <a href="/library/yamagata/">山形</a> (58)</div> <div class="pref"> <a href="/library/fukushima/">福島</a> (133)</div> </div> <div class="areablock" style="top:239px;left:610px;"> <h4>関東</h4> <div class="pref"> <a href="/library/ibaraki/">茨城</a> (193)</div> <div class="pref"> <a href="/library/tochigi/">栃木</a> (107)</div> <div class="pref"> <a href="/library/gunma/">群馬</a> (120)</div> <div class="pref"> <a href="/library/saitama/">埼玉</a> (310)</div> <div class="pref"> <a href="/library/chiba/">千葉</a> (377)</div> <div class="pref"> <a href="/library/tokyo/">東京</a> (849)</div> <div class="pref"> <a href="/library/kanagawa/">神奈川</a> (398)</div> </div> <div class="areablock" style="top:227px;left:446px;"> <h4> 甲信越・北陸</h4> <div class="pref"> <a href="/library/niigata/">新潟</a> (155)</div> <div class="pref"> <a href="/library/nagano/">長野</a> (226)</div> <div class="pref"> <a href="/library/yamanashi/">山梨</a> (77)</div> <div class="pref"> <a href="/library/toyama/">富山</a> (72)</div> <div class="pref"> <a href="/library/ishikawa/">石川</a> (73)</div> <div class="pref"> <a href="/library/fukui/">福井</a> (55)</div> </div> <div class="areablock" style="top:395px;left:410px;width:190px;"> <h4>東海</h4> <div class="pref"> <a href="/library/gifu/">岐阜</a> (146)</div> <div class="pref"> <a href="/library/shizuoka/">静岡</a> (193)</div> <div class="pref"> <a href="/library/mie/">三重</a> (94)</div> <div class="pref"> <a href="/library/aichi/">愛知</a> (377)</div> </div> <div class="areablock" style="top:227px;left:320px;"> <h4>関西</h4> <div class="pref"> <a href="/library/osaka/">大阪</a> (349)</div> <div class="pref"> <a href="/library/kyoto/">京都</a> (185)</div> <div class="pref"> <a href="/library/shiga/">滋賀</a> (81)</div> <div class="pref"> <a href="/library/hyogo/">兵庫</a> (254)</div> <div class="pref"> <a href="/library/nara/">奈良</a> (65)</div> <div class="pref"> <a href="/library/wakayama/">和歌山</a> (66)</div> </div> <div class="areablock" style="top:227px;left:195px;"> <h4>中国</h4> <div class="pref"> <a href="/library/tottori/">鳥取</a> (55)</div> <div class="pref"> <a href="/library/shimane/">島根</a> (63)</div> <div class="pref"> <a href="/library/okayama/">岡山</a> (119)</div> <div class="pref"> <a href="/library/hiroshima/">広島</a> (154)</div> <div class="pref"> <a href="/library/yamaguchi/">山口</a> (87)</div> </div> <div class="areablock" style="top:406px;left:190px;width:190px;"> <h4>四国</h4> <div class="pref"> <a href="/library/ehime/">愛媛</a> (65)</div> <div class="pref"> <a href="/library/tokushima/">徳島</a> (47)</div> <div class="pref"> <a href="/library/kochi/">高知</a> (70)</div> <div class="pref"> <a href="/library/kagawa/">香川</a> (52)</div> </div> <div class="areablock" style="top:227px;left:55px;"> <h4>九州</h4> <div class="pref"> <a href="/library/fukuoka/">福岡</a> (231)</div> <div class="pref"> <a href="/library/saga/">佐賀</a> (82)</div> <div class="pref"> <a href="/library/nagasaki/">長崎</a> (148)</div> <div class="pref"> <a href="/library/oita/">大分</a> (67)</div> <div class="pref"> <a href="/library/kumamoto/">熊本</a> (102)</div> <div class="pref"> <a href="/library/miyazaki/">宮崎</a> (87)</div> <div class="pref"> <a href="/library/kagoshima/">鹿児島</a> (135)</div> </div> <div class="areablock" style="top:443px;left:55px;"> <h4 class="is_sp">沖縄</h4> <div class="pref"> <a href="/library/okinawa/">沖縄</a> (70)</div> </div> </div> </div> <div class="footer"> <p> <a href="/doc/about.html">カーリルについて</a> - <a href="/doc/lib.html">図書館の方へ</a> - <a href="/local/">ローカル</a> - <a href="/doc/api.html">図書館 API</a> - <a href="/doc/download.html">バナー・素材</a> </p> <p> <a href="/">ホーム</a> - <a href="/company/">運営会社</a> - <a href="https://blog.calil.jp/">ブログ</a> - <a href="https://twitter.com/caliljp">Twitter</a> - <a href="/privacy/freedom.html">図書館の自由</a> - <a href="/privacy/">プライバシーポリシー</a> - <a href="/doc/contact.html">お問い合わせ</a> </p> </div> <script type="text/javascript" charset="utf-8"> var calil = {}; // 位置情報から探す calil.geo = { getGeoLib: function() { document.querySelectorAll('body, a').forEach(function(element) { element.style.cursor = 'wait'; }); var callback; callback = (function(_this) { return function(lat, lng) { var params = { lat: lat, lon: lng, limit: 30 }; var url = '//api.calil.jp/mobile/recommend' + buildQueryString(params); fetch(url).then(function(r) {return r.json()}).then(function(data) { var j, len, message, n, nearest_lib, ref; if (data.nearby.length <= 0) { return alert('近くに図書館が見つかりません'); } nearest_lib = null; ref = data.nearby; for (j = 0, len = ref.length; j < len; j++) { n = ref[j]; if (n.icon !== 'school') { nearest_lib = n; break; } } if (!nearest_lib) { nearest_lib = data.nearby[0]; } message = nearest_lib.name + 'が見つかりました。この図書館を設定しますか？'; if (confirm(message)) { calil.library.setLibrary({ sysid: nearest_lib.id, add: true }); } document.querySelectorAll('body, a').forEach(function(element) { element.style.cursor = 'auto'; }); }) .catch(function() { alert('読み込みに失敗しました。'); document.querySelectorAll('body, a').forEach(function(element) { element.style.cursor = 'auto'; }); }) }; })(this); return this._getGeolocation(callback); }, getGeoLib2: function() { var callback; document.querySelectorAll('body, a').forEach(function(e, i){ e.style.cursor = 'wait'; }); callback = function(lat, lng) { return location.href = '/library/search?g=' + [lng, lat].join(','); }; return this._getGeolocation(callback); }, _getGeolocation: function(callback, hideerror) { var error; if (!navigator.geolocation) { return; } error = (hideerror ? function() {} : this._errorFunc); return navigator.geolocation.getCurrentPosition((function(position) { var lat, lng; lat = position.coords.latitude; lng = position.coords.longitude; return callback(lat, lng); }), error, { enableHighAccuracy: true }); }, _errorFunc: function(error) { var message = ''; switch (error.code) { case error.POSITION_UNAVAILABLE: message = '位置情報の取得ができませんでした。'; break; case error.PERMISSION_DENIED: message = '位置情報取得の使用許可がされませんでした。'; break; case error.PERMISSION_DENIED_TIMEOUT: message = '位置情報取得中にタイムアウトしました。'; } alert(message); } }; </script> <script type="text/javascript" charset="utf-8" src="/public/web-html/js/menusp.js"></script> </body> </html>

CINXE.COM

図書館マップ | カーリル