cat-in-136 · August 29, 2015 13:57
diff --git a/index.css b/index.css
 html, body, #map_canvas {
  margin: 0;
  padding: 0;
  height: 100%;
 }
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP">
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>空想都市中村市勝手にスクロールマップ</title>
  <link rel="stylesheet" type="text/css" href="index.css" />
  <script type="application/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
  <script type="application/javascript" src="index.js"></script>
 </head>
 <body>
  <div id="map_canvas">
    このページを見るにはJavaScript を有効にしてください。
    <div class="inductive">
      現在は地理人さんの<a href="http://imgcity.chirijin.com/?page_id=578">空想都市へ行こう！からスクロール地図</a>が公式に公開されています。<br /><br />
      <span style="font-size: smaller">
        スクロール地図の作り方については私@cat_in_136のブログ記事
        <a href="http://cat-in-136.blogspot.com/2014/04/google-maps-javascript-api.html">カスタムマップを Google Maps JavaScript API を使ってスクロール地図にする方法</a>をご覧ください。
      </span>
    </div>
  </div>
 </body>
 </html>
  
diff --git a/index.js b/index.js
 google.maps.event.addDomListener(window, "load", function () {
  var oMapCanvas = document.getElementById("map_canvas");

  // 中村市道路地図のタイルレイヤー
  // http://www.mapproach.com/maps/all_XXXX.pdf
  var nakamuraMapType = new google.maps.ImageMapType({
    name: "道路",
    tileSize: new google.maps.Size(512, 512),
    isPng: true,
    maxZoom: 17,
    minZoom: 17,
    copyright: "test",
    getTileUrl: function(coordinate, zoom) {
      var xmax = 19 >> 0;
      var ymax = 10 >> 0;

      var x = (coordinate.x >> 0) - (1 << (zoom - 2)) + (xmax >> 1);
      var y = (coordinate.y >> 0) - (1 << (zoom - 2)) + (ymax >> 1);

      if ((0 <= x) && (x <= xmax) && (0 <= y) && (0 <= ymax)) {
        return "nakamura_si_%y_%x.png"
         .replace("%x", ("0000" + x).slice(-4))
         .replace("%y", ("0000" + y).slice(-4));
      } else {
        return undefined;
      }
    }
  });
  var map = new google.maps.Map(oMapCanvas, {
    zoom: 17,
    center: new google.maps.LatLng(0.00862598, 0.00213503),
    disableDefaultUI: true,
    panControl: true,
    scaleControl: true,
    mapTypeId: "道路"
  });
  map.mapTypes.set("道路", nakamuraMapType);

  // 地図の版権表示
  var copyrightDiv = document.createElement("div");
  copyrightDiv.style.fontSize = "10px";
  copyrightDiv.style.whiteSpace = "nowrap";
  copyrightDiv.style.padding = "0 6px";
  copyrightDiv.style.backgroundColor = "rgba(245, 245, 245, 0.70)";
  var copyrightSpan = document.createElement("span");
  copyrightSpan.setAttribute("style", "color: #444;");
  copyrightSpan.innerHTML = "地図データ &#169; 2014 <a href=\"http://www.chirijin.com/\">地理人研究所</a>";
  copyrightDiv.appendChild(copyrightSpan);
  map.controls[google.maps.ControlPosition.BOTTOM_RIGHT].push(copyrightDiv);


  // 公式でスクロール地図が公開されているので誘導を表示する。
  (new google.maps.InfoWindow({
    content: "<h2>注意</h2>" +
             "<div class=\"inductive\">" +
             "現在は地理人さんの<a href=\"http://imgcity.chirijin.com/?page_id=578\">空想都市へ行こう！からスクロール地図</a>が公式に公開されています。<br /><br />" +
             "<span style=\"font-size: smaller\">" +
             "スクロール地図の作り方については私@cat_in_136のブログ記事" +
             "<a href=\"http://cat-in-136.blogspot.com/2014/04/google-maps-javascript-api.html\">カスタムマップを Google Maps JavaScript API を使ってスクロール地図にする方法</a>をご覧ください。" +
             "</span>" +
             "</div>",
    disableAutoPan: false,
    position: new google.maps.LatLng(0.00862598, 0.00213503)
  })).open(map);

 });
diff --git a/nakamura_si_0000_0000.png b/nakamura_si_0000_0000.png
diff --git a/nakamura_si_0000_0001.png b/nakamura_si_0000_0001.png
diff --git a/nakamura_si_0000_0002.png b/nakamura_si_0000_0002.png
diff --git a/nakamura_si_0000_0003.png b/nakamura_si_0000_0003.png
diff --git a/nakamura_si_0000_0004.png b/nakamura_si_0000_0004.png
diff --git a/nakamura_si_0000_0005.png b/nakamura_si_0000_0005.png
diff --git a/nakamura_si_0000_0006.png b/nakamura_si_0000_0006.png
diff --git a/nakamura_si_0000_0007.png b/nakamura_si_0000_0007.png
diff --git a/nakamura_si_0000_0008.png b/nakamura_si_0000_0008.png
diff --git a/nakamura_si_0000_0009.png b/nakamura_si_0000_0009.png
diff --git a/nakamura_si_0000_0010.png b/nakamura_si_0000_0010.png
diff --git a/nakamura_si_0000_0011.png b/nakamura_si_0000_0011.png
diff --git a/nakamura_si_0000_0012.png b/nakamura_si_0000_0012.png
diff --git a/nakamura_si_0000_0013.png b/nakamura_si_0000_0013.png
diff --git a/nakamura_si_0000_0014.png b/nakamura_si_0000_0014.png
diff --git a/nakamura_si_0000_0015.png b/nakamura_si_0000_0015.png
diff --git a/nakamura_si_0000_0016.png b/nakamura_si_0000_0016.png
diff --git a/nakamura_si_0000_0017.png b/nakamura_si_0000_0017.png
diff --git a/nakamura_si_0000_0018.png b/nakamura_si_0000_0018.png
diff --git a/nakamura_si_0000_0019.png b/nakamura_si_0000_0019.png
diff --git a/nakamura_si_0001_0000.png b/nakamura_si_0001_0000.png
diff --git a/nakamura_si_0001_0001.png b/nakamura_si_0001_0001.png
diff --git a/nakamura_si_0001_0002.png b/nakamura_si_0001_0002.png
diff --git a/nakamura_si_0001_0003.png b/nakamura_si_0001_0003.png
diff --git a/nakamura_si_0001_0004.png b/nakamura_si_0001_0004.png
diff --git a/nakamura_si_0001_0005.png b/nakamura_si_0001_0005.png
diff --git a/nakamura_si_0001_0006.png b/nakamura_si_0001_0006.png
diff --git a/nakamura_si_0001_0007.png b/nakamura_si_0001_0007.png
diff --git a/nakamura_si_0001_0008.png b/nakamura_si_0001_0008.png
diff --git a/nakamura_si_0001_0009.png b/nakamura_si_0001_0009.png
diff --git a/nakamura_si_0001_0010.png b/nakamura_si_0001_0010.png
diff --git a/nakamura_si_0001_0011.png b/nakamura_si_0001_0011.png
diff --git a/nakamura_si_0001_0012.png b/nakamura_si_0001_0012.png
diff --git a/nakamura_si_0001_0013.png b/nakamura_si_0001_0013.png
diff --git a/nakamura_si_0001_0014.png b/nakamura_si_0001_0014.png
diff --git a/nakamura_si_0001_0015.png b/nakamura_si_0001_0015.png
diff --git a/nakamura_si_0001_0016.png b/nakamura_si_0001_0016.png
diff --git a/nakamura_si_0001_0017.png b/nakamura_si_0001_0017.png
diff --git a/nakamura_si_0001_0018.png b/nakamura_si_0001_0018.png
diff --git a/nakamura_si_0001_0019.png b/nakamura_si_0001_0019.png
diff --git a/nakamura_si_0002_0000.png b/nakamura_si_0002_0000.png
diff --git a/nakamura_si_0002_0001.png b/nakamura_si_0002_0001.png
diff --git a/nakamura_si_0002_0002.png b/nakamura_si_0002_0002.png
diff --git a/nakamura_si_0002_0003.png b/nakamura_si_0002_0003.png
diff --git a/nakamura_si_0002_0004.png b/nakamura_si_0002_0004.png
diff --git a/nakamura_si_0002_0005.png b/nakamura_si_0002_0005.png
diff --git a/nakamura_si_0002_0006.png b/nakamura_si_0002_0006.png
diff --git a/nakamura_si_0002_0007.png b/nakamura_si_0002_0007.png
diff --git a/nakamura_si_0002_0008.png b/nakamura_si_0002_0008.png
diff --git a/nakamura_si_0002_0009.png b/nakamura_si_0002_0009.png
diff --git a/nakamura_si_0002_0010.png b/nakamura_si_0002_0010.png
diff --git a/nakamura_si_0002_0011.png b/nakamura_si_0002_0011.png
diff --git a/nakamura_si_0002_0012.png b/nakamura_si_0002_0012.png
diff --git a/nakamura_si_0002_0013.png b/nakamura_si_0002_0013.png
diff --git a/nakamura_si_0002_0014.png b/nakamura_si_0002_0014.png
diff --git a/nakamura_si_0002_0015.png b/nakamura_si_0002_0015.png
diff --git a/nakamura_si_0002_0016.png b/nakamura_si_0002_0016.png
diff --git a/nakamura_si_0002_0017.png b/nakamura_si_0002_0017.png
diff --git a/nakamura_si_0002_0018.png b/nakamura_si_0002_0018.png
diff --git a/nakamura_si_0002_0019.png b/nakamura_si_0002_0019.png
diff --git a/nakamura_si_0003_0000.png b/nakamura_si_0003_0000.png
diff --git a/nakamura_si_0003_0001.png b/nakamura_si_0003_0001.png
diff --git a/nakamura_si_0003_0002.png b/nakamura_si_0003_0002.png
diff --git a/nakamura_si_0003_0003.png b/nakamura_si_0003_0003.png
diff --git a/nakamura_si_0003_0004.png b/nakamura_si_0003_0004.png
diff --git a/nakamura_si_0003_0005.png b/nakamura_si_0003_0005.png
diff --git a/nakamura_si_0003_0006.png b/nakamura_si_0003_0006.png
diff --git a/nakamura_si_0003_0007.png b/nakamura_si_0003_0007.png
diff --git a/nakamura_si_0003_0008.png b/nakamura_si_0003_0008.png
diff --git a/nakamura_si_0003_0009.png b/nakamura_si_0003_0009.png
diff --git a/nakamura_si_0003_0010.png b/nakamura_si_0003_0010.png
diff --git a/nakamura_si_0003_0011.png b/nakamura_si_0003_0011.png
diff --git a/nakamura_si_0003_0012.png b/nakamura_si_0003_0012.png
diff --git a/nakamura_si_0003_0013.png b/nakamura_si_0003_0013.png
diff --git a/nakamura_si_0003_0014.png b/nakamura_si_0003_0014.png
diff --git a/nakamura_si_0003_0015.png b/nakamura_si_0003_0015.png
diff --git a/nakamura_si_0003_0016.png b/nakamura_si_0003_0016.png
diff --git a/nakamura_si_0003_0017.png b/nakamura_si_0003_0017.png
diff --git a/nakamura_si_0003_0018.png b/nakamura_si_0003_0018.png
diff --git a/nakamura_si_0003_0019.png b/nakamura_si_0003_0019.png
diff --git a/nakamura_si_0004_0000.png b/nakamura_si_0004_0000.png
diff --git a/nakamura_si_0004_0001.png b/nakamura_si_0004_0001.png
diff --git a/nakamura_si_0004_0002.png b/nakamura_si_0004_0002.png
diff --git a/nakamura_si_0004_0003.png b/nakamura_si_0004_0003.png
diff --git a/nakamura_si_0004_0004.png b/nakamura_si_0004_0004.png
diff --git a/nakamura_si_0004_0005.png b/nakamura_si_0004_0005.png
diff --git a/nakamura_si_0004_0006.png b/nakamura_si_0004_0006.png
diff --git a/nakamura_si_0004_0007.png b/nakamura_si_0004_0007.png
diff --git a/nakamura_si_0004_0008.png b/nakamura_si_0004_0008.png
diff --git a/nakamura_si_0004_0009.png b/nakamura_si_0004_0009.png
diff --git a/nakamura_si_0004_0010.png b/nakamura_si_0004_0010.png
diff --git a/nakamura_si_0004_0011.png b/nakamura_si_0004_0011.png
diff --git a/nakamura_si_0004_0012.png b/nakamura_si_0004_0012.png
diff --git a/nakamura_si_0004_0013.png b/nakamura_si_0004_0013.png
diff --git a/nakamura_si_0004_0014.png b/nakamura_si_0004_0014.png
diff --git a/nakamura_si_0004_0015.png b/nakamura_si_0004_0015.png
diff --git a/nakamura_si_0004_0016.png b/nakamura_si_0004_0016.png
diff --git a/nakamura_si_0004_0017.png b/nakamura_si_0004_0017.png
diff --git a/nakamura_si_0004_0018.png b/nakamura_si_0004_0018.png
diff --git a/nakamura_si_0004_0019.png b/nakamura_si_0004_0019.png
diff --git a/nakamura_si_0005_0000.png b/nakamura_si_0005_0000.png
diff --git a/nakamura_si_0005_0001.png b/nakamura_si_0005_0001.png
diff --git a/nakamura_si_0005_0002.png b/nakamura_si_0005_0002.png
diff --git a/nakamura_si_0005_0003.png b/nakamura_si_0005_0003.png
diff --git a/nakamura_si_0005_0004.png b/nakamura_si_0005_0004.png
diff --git a/nakamura_si_0005_0005.png b/nakamura_si_0005_0005.png
diff --git a/nakamura_si_0005_0006.png b/nakamura_si_0005_0006.png
diff --git a/nakamura_si_0005_0007.png b/nakamura_si_0005_0007.png
diff --git a/nakamura_si_0005_0008.png b/nakamura_si_0005_0008.png
diff --git a/nakamura_si_0005_0009.png b/nakamura_si_0005_0009.png
diff --git a/nakamura_si_0005_0010.png b/nakamura_si_0005_0010.png
diff --git a/nakamura_si_0005_0011.png b/nakamura_si_0005_0011.png
diff --git a/nakamura_si_0005_0012.png b/nakamura_si_0005_0012.png
diff --git a/nakamura_si_0005_0013.png b/nakamura_si_0005_0013.png
diff --git a/nakamura_si_0005_0014.png b/nakamura_si_0005_0014.png
diff --git a/nakamura_si_0005_0015.png b/nakamura_si_0005_0015.png
diff --git a/nakamura_si_0005_0016.png b/nakamura_si_0005_0016.png
diff --git a/nakamura_si_0005_0017.png b/nakamura_si_0005_0017.png
diff --git a/nakamura_si_0005_0018.png b/nakamura_si_0005_0018.png
diff --git a/nakamura_si_0005_0019.png b/nakamura_si_0005_0019.png
diff --git a/nakamura_si_0006_0000.png b/nakamura_si_0006_0000.png
diff --git a/nakamura_si_0006_0001.png b/nakamura_si_0006_0001.png
diff --git a/nakamura_si_0006_0002.png b/nakamura_si_0006_0002.png
diff --git a/nakamura_si_0006_0003.png b/nakamura_si_0006_0003.png
diff --git a/nakamura_si_0006_0004.png b/nakamura_si_0006_0004.png
diff --git a/nakamura_si_0006_0005.png b/nakamura_si_0006_0005.png
diff --git a/nakamura_si_0006_0006.png b/nakamura_si_0006_0006.png
diff --git a/nakamura_si_0006_0007.png b/nakamura_si_0006_0007.png
diff --git a/nakamura_si_0006_0008.png b/nakamura_si_0006_0008.png
diff --git a/nakamura_si_0006_0009.png b/nakamura_si_0006_0009.png
diff --git a/nakamura_si_0006_0010.png b/nakamura_si_0006_0010.png
diff --git a/nakamura_si_0006_0011.png b/nakamura_si_0006_0011.png
diff --git a/nakamura_si_0006_0012.png b/nakamura_si_0006_0012.png
diff --git a/nakamura_si_0006_0013.png b/nakamura_si_0006_0013.png
diff --git a/nakamura_si_0006_0014.png b/nakamura_si_0006_0014.png
diff --git a/nakamura_si_0006_0015.png b/nakamura_si_0006_0015.png
diff --git a/nakamura_si_0006_0016.png b/nakamura_si_0006_0016.png
diff --git a/nakamura_si_0006_0017.png b/nakamura_si_0006_0017.png
diff --git a/nakamura_si_0006_0018.png b/nakamura_si_0006_0018.png
diff --git a/nakamura_si_0006_0019.png b/nakamura_si_0006_0019.png
diff --git a/nakamura_si_0007_0000.png b/nakamura_si_0007_0000.png
diff --git a/nakamura_si_0007_0001.png b/nakamura_si_0007_0001.png
diff --git a/nakamura_si_0007_0002.png b/nakamura_si_0007_0002.png
diff --git a/nakamura_si_0007_0003.png b/nakamura_si_0007_0003.png
diff --git a/nakamura_si_0007_0004.png b/nakamura_si_0007_0004.png
diff --git a/nakamura_si_0007_0005.png b/nakamura_si_0007_0005.png
diff --git a/nakamura_si_0007_0006.png b/nakamura_si_0007_0006.png
diff --git a/nakamura_si_0007_0007.png b/nakamura_si_0007_0007.png
diff --git a/nakamura_si_0007_0008.png b/nakamura_si_0007_0008.png
diff --git a/nakamura_si_0007_0009.png b/nakamura_si_0007_0009.png
diff --git a/nakamura_si_0007_0010.png b/nakamura_si_0007_0010.png
diff --git a/nakamura_si_0007_0011.png b/nakamura_si_0007_0011.png
diff --git a/nakamura_si_0007_0012.png b/nakamura_si_0007_0012.png
diff --git a/nakamura_si_0007_0013.png b/nakamura_si_0007_0013.png
diff --git a/nakamura_si_0007_0014.png b/nakamura_si_0007_0014.png
diff --git a/nakamura_si_0007_0015.png b/nakamura_si_0007_0015.png
diff --git a/nakamura_si_0007_0016.png b/nakamura_si_0007_0016.png
diff --git a/nakamura_si_0007_0017.png b/nakamura_si_0007_0017.png
diff --git a/nakamura_si_0007_0018.png b/nakamura_si_0007_0018.png
diff --git a/nakamura_si_0007_0019.png b/nakamura_si_0007_0019.png
diff --git a/nakamura_si_0008_0000.png b/nakamura_si_0008_0000.png
diff --git a/nakamura_si_0008_0001.png b/nakamura_si_0008_0001.png
diff --git a/nakamura_si_0008_0002.png b/nakamura_si_0008_0002.png
diff --git a/nakamura_si_0008_0003.png b/nakamura_si_0008_0003.png
diff --git a/nakamura_si_0008_0004.png b/nakamura_si_0008_0004.png
diff --git a/nakamura_si_0008_0005.png b/nakamura_si_0008_0005.png
diff --git a/nakamura_si_0008_0006.png b/nakamura_si_0008_0006.png
diff --git a/nakamura_si_0008_0007.png b/nakamura_si_0008_0007.png
diff --git a/nakamura_si_0008_0008.png b/nakamura_si_0008_0008.png
diff --git a/nakamura_si_0008_0009.png b/nakamura_si_0008_0009.png
diff --git a/nakamura_si_0008_0010.png b/nakamura_si_0008_0010.png
diff --git a/nakamura_si_0008_0011.png b/nakamura_si_0008_0011.png
diff --git a/nakamura_si_0008_0012.png b/nakamura_si_0008_0012.png
diff --git a/nakamura_si_0008_0013.png b/nakamura_si_0008_0013.png
diff --git a/nakamura_si_0008_0014.png b/nakamura_si_0008_0014.png
diff --git a/nakamura_si_0008_0015.png b/nakamura_si_0008_0015.png
diff --git a/nakamura_si_0008_0016.png b/nakamura_si_0008_0016.png
diff --git a/nakamura_si_0008_0017.png b/nakamura_si_0008_0017.png
diff --git a/nakamura_si_0008_0018.png b/nakamura_si_0008_0018.png
diff --git a/nakamura_si_0008_0019.png b/nakamura_si_0008_0019.png
diff --git a/nakamura_si_0009_0000.png b/nakamura_si_0009_0000.png
diff --git a/nakamura_si_0009_0001.png b/nakamura_si_0009_0001.png
diff --git a/nakamura_si_0009_0002.png b/nakamura_si_0009_0002.png
diff --git a/nakamura_si_0009_0003.png b/nakamura_si_0009_0003.png
diff --git a/nakamura_si_0009_0004.png b/nakamura_si_0009_0004.png
diff --git a/nakamura_si_0009_0005.png b/nakamura_si_0009_0005.png
diff --git a/nakamura_si_0009_0006.png b/nakamura_si_0009_0006.png
diff --git a/nakamura_si_0009_0007.png b/nakamura_si_0009_0007.png
diff --git a/nakamura_si_0009_0008.png b/nakamura_si_0009_0008.png
diff --git a/nakamura_si_0009_0009.png b/nakamura_si_0009_0009.png
diff --git a/nakamura_si_0009_0010.png b/nakamura_si_0009_0010.png
diff --git a/nakamura_si_0009_0011.png b/nakamura_si_0009_0011.png
diff --git a/nakamura_si_0009_0012.png b/nakamura_si_0009_0012.png
diff --git a/nakamura_si_0009_0013.png b/nakamura_si_0009_0013.png
diff --git a/nakamura_si_0009_0014.png b/nakamura_si_0009_0014.png
diff --git a/nakamura_si_0009_0015.png b/nakamura_si_0009_0015.png
diff --git a/nakamura_si_0009_0016.png b/nakamura_si_0009_0016.png
diff --git a/nakamura_si_0009_0017.png b/nakamura_si_0009_0017.png
diff --git a/nakamura_si_0009_0018.png b/nakamura_si_0009_0018.png
diff --git a/nakamura_si_0009_0019.png b/nakamura_si_0009_0019.png
diff --git a/nakamura_si_0010_0000.png b/nakamura_si_0010_0000.png
diff --git a/nakamura_si_0010_0001.png b/nakamura_si_0010_0001.png
diff --git a/nakamura_si_0010_0002.png b/nakamura_si_0010_0002.png
diff --git a/nakamura_si_0010_0003.png b/nakamura_si_0010_0003.png
diff --git a/nakamura_si_0010_0004.png b/nakamura_si_0010_0004.png
diff --git a/nakamura_si_0010_0005.png b/nakamura_si_0010_0005.png
diff --git a/nakamura_si_0010_0006.png b/nakamura_si_0010_0006.png
diff --git a/nakamura_si_0010_0007.png b/nakamura_si_0010_0007.png
diff --git a/nakamura_si_0010_0008.png b/nakamura_si_0010_0008.png
diff --git a/nakamura_si_0010_0009.png b/nakamura_si_0010_0009.png
diff --git a/nakamura_si_0010_0010.png b/nakamura_si_0010_0010.png
diff --git a/nakamura_si_0010_0011.png b/nakamura_si_0010_0011.png
diff --git a/nakamura_si_0010_0012.png b/nakamura_si_0010_0012.png
diff --git a/nakamura_si_0010_0013.png b/nakamura_si_0010_0013.png
diff --git a/nakamura_si_0010_0014.png b/nakamura_si_0010_0014.png
diff --git a/nakamura_si_0010_0015.png b/nakamura_si_0010_0015.png
diff --git a/nakamura_si_0010_0016.png b/nakamura_si_0010_0016.png
diff --git a/nakamura_si_0010_0017.png b/nakamura_si_0010_0017.png
diff --git a/nakamura_si_0010_0018.png b/nakamura_si_0010_0018.png
diff --git a/nakamura_si_0010_0019.png b/nakamura_si_0010_0019.png
	html, body, #map_canvas {
	margin: 0;
	padding: 0;
	height: 100%;
	}
	<!DOCTYPE html>
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>空想都市中村市勝手にスクロールマップ</title>
	<link rel="stylesheet" type="text/css" href="index.css" />
	<script type="application/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
	<script type="application/javascript" src="index.js"></script>
	</head>
	<body>
	<div id="map_canvas">
	このページを見るにはJavaScript を有効にしてください。
	<div class="inductive">
	現在は地理人さんの<a href="http://imgcity.chirijin.com/?page_id=578">空想都市へ行こう！からスクロール地図</a>が公式に公開されています。<br /><br />
	<span style="font-size: smaller">
	スクロール地図の作り方については私@cat_in_136のブログ記事
	<a href="http://cat-in-136.blogspot.com/2014/04/google-maps-javascript-api.html">カスタムマップを Google Maps JavaScript API を使ってスクロール地図にする方法</a>をご覧ください。
	</span>
	</div>
	</div>
	</body>
	</html>
	google.maps.event.addDomListener(window, "load", function () {
	var oMapCanvas = document.getElementById("map_canvas");

	// 中村市道路地図のタイルレイヤー
	// http://www.mapproach.com/maps/all_XXXX.pdf
	var nakamuraMapType = new google.maps.ImageMapType({
	name: "道路",
	tileSize: new google.maps.Size(512, 512),
	isPng: true,
	maxZoom: 17,
	minZoom: 17,
	copyright: "test",
	getTileUrl: function(coordinate, zoom) {
	var xmax = 19 >> 0;
	var ymax = 10 >> 0;

	var x = (coordinate.x >> 0) - (1 << (zoom - 2)) + (xmax >> 1);
	var y = (coordinate.y >> 0) - (1 << (zoom - 2)) + (ymax >> 1);

	if ((0 <= x) && (x <= xmax) && (0 <= y) && (0 <= ymax)) {
	return "nakamura_si_%y_%x.png"
	.replace("%x", ("0000" + x).slice(-4))
	.replace("%y", ("0000" + y).slice(-4));
	} else {
	return undefined;
	}
	}
	});
	var map = new google.maps.Map(oMapCanvas, {
	zoom: 17,
	center: new google.maps.LatLng(0.00862598, 0.00213503),
	disableDefaultUI: true,
	panControl: true,
	scaleControl: true,
	mapTypeId: "道路"
	});
	map.mapTypes.set("道路", nakamuraMapType);

	// 地図の版権表示
	var copyrightDiv = document.createElement("div");
	copyrightDiv.style.fontSize = "10px";
	copyrightDiv.style.whiteSpace = "nowrap";
	copyrightDiv.style.padding = "0 6px";
	copyrightDiv.style.backgroundColor = "rgba(245, 245, 245, 0.70)";
	var copyrightSpan = document.createElement("span");
	copyrightSpan.setAttribute("style", "color: #444;");
	copyrightSpan.innerHTML = "地図データ © 2014 <a href=\"http://www.chirijin.com/\">地理人研究所</a>";
	copyrightDiv.appendChild(copyrightSpan);
	map.controls[google.maps.ControlPosition.BOTTOM_RIGHT].push(copyrightDiv);


	// 公式でスクロール地図が公開されているので誘導を表示する。
	(new google.maps.InfoWindow({
	content: "<h2>注意</h2>" +
	"<div class=\"inductive\">" +
	"現在は地理人さんの<a href=\"http://imgcity.chirijin.com/?page_id=578\">空想都市へ行こう！からスクロール地図</a>が公式に公開されています。<br /><br />" +
	"<span style=\"font-size: smaller\">" +
	"スクロール地図の作り方については私@cat_in_136のブログ記事" +
	"<a href=\"http://cat-in-136.blogspot.com/2014/04/google-maps-javascript-api.html\">カスタムマップを Google Maps JavaScript API を使ってスクロール地図にする方法</a>をご覧ください。" +
	"</span>" +
	"</div>",
	disableAutoPan: false,
	position: new google.maps.LatLng(0.00862598, 0.00213503)
	})).open(map);

	});