38 - 外部サービスを利用する 4 - 地理院地図（電子国土Web）

38-4 地理院地図（電子国土Web）
地理院地図（電子国土Web） は、「地理院タイル利用規約（http://portal.cyberjapan.jp/help/termsofuse.html）」にしたがって提供されています。
「OpenLayers サイトサンプル集（http://portal.cyberjapan.jp/portalsite/sample/index.html）」に、API関数の説明があります。
「OpenLayers サンプル集（http://portal.cyberjapan.jp/portalsite/version/v4/samples.html）」には、基本的な地図の表示コードがあります。

デフォルトデータセット
「デフォルトデータセット(地図)を表示する（http://portal.cyberjapan.jp/portalsite/version/v4/v4samples/default.html）」と「OpenLayers Spherical Mercator Example（http://openlayers.org/dev/examples/spherical-mercator.html）」（example フォルダにもありました。）を参考に 地理院地図（電子国土Web） を陸前高田市の地図に重ねてみます。
OpenLayers 「Spherical Mercator（http://docs.openlayers.org/library/spherical_mercator.html）」も参考にしました。

38-1 Google Map で使用した「ol018-nippon_bmi_takata_pgis.html」を続けて使います。
（他の地図サービスを試すときはコピーして使ってください。）

a 上記サイトを右クリックしてソースを表示します。
b 次のように内容の一部をコピーして、「ol018-nippon_bmi_takata_pgis.html」に貼り付け、修正します。

---

<!-- 追加 -->
<!-- 問題があったときはコメントを外して、OpenLayers-2.13.1 をコメントアウトしてください
<script type="text/javascript" src="http://portal.cyberjapan.jp/sys/OpenLayers-2.11/OpenLayers.js" charset="UTF-8"></script>     
-->
<link rel="stylesheet" href="http://portal.cyberjapan.jp/sys/v4/css/webtis.css" type="text/css">
<script type="text/javascript" src="http://portal.cyberjapan.jp/sys/v4/webtis/webtis_v4.js" charset="UTF-8"></script>

<style type="text/css">
/*
 .olControlAttribution { 
  bottom: 0px;
  left: 2px;
  right: inherit;
  width: 400px;
 }
*/
/* マウスポジションを上部に設置 */
 .olControlMousePosition {
  top: 0px;
 }
</style>

---

layers: [
// ここから追加（Google Map レイヤは削除）
 new webtis.Layer.BaseMap("webtismap"),
// ここまで

/*
 new OpenLayers.Layer.WMS( "R.Takata Height WMS",
  "http://192.168.1.200:8080/geoserver/wms",
  {
   layers: 'npn:rikuzentakata5m-epsg2452'
  },{
   isBaselayer: true
 }),
*/

---