38 - 外部サービスを利用する 3 - Open Street Map

38-3 Open Street Map
Open Street Map は、クリエーティブコモンズライセンスにしたがって提供されています。クリエーティブコモンズライセンスについては、「cretive commons 表示 - 継承 3.0 非移植 (CC BY-SA 3.0)（https://creativecommons.org/licenses/by-sa/3.0/deed.ja）」を参照してください。使用者は、使用した資料のクレジットの明示と、改変した場合はそれを明示すればフリーに使えます。

OpenLayers の Development Examples の「Basic OSM Example（http://openlayers.org/dev/examples/osm.html）」と「OpenLayers Spherical Mercator Example（http://openlayers.org/dev/examples/spherical-mercator.html）」（両方とも example フォルダにもありました。）を参考に Open Street Map を陸前高田市の地図に重ねてみます。
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」に貼り付け、修正します。

---

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

---

  layers: [
// ここから追加 （Google Map レイヤは削除）
   new OpenLayers.Layer.OSM(

    {
     isBaselayer: true
   }),
// ここまで

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

---