2015年1月22日木曜日

v3.1.1 の examples を試してみます

OpenLayers 3 のホームページ(http://openlayers.org/)の「LATEST」の文中の「v3.1.1」をクリックします。
開いたページ「Release v3.1.1 - openlayers/ol3 GitHub(https://github.com/openlayers/ol3/releases/tag/v3.1.1)」の「v3.1.1.zip」ボタンをクリックしてダウンロードします。
展開したフォルダを Eclipse の ol3proj にコピーします。

ディレクトリは次のようににしました。

ol3proj
|-v3.0.0/
|-v3.1.1/
|-2xx-ol3ex.html
|-2xx-ol3ex.js
|-2xx-ol3ex-require.js
|-loader.js

v.3.0.0 の loader.js の名前を loader-v3.0.0.js に変更し、v3.1.1/examples/loader.js を ol3proj 直下にコピーします。

ol3proj
|-v3.0.0/
|-v3.1.1/
|-2xx-ol3ex.html
|-2xx-ol3ex.js
|-2xx-ol3ex-require.js
|-loader.js
|-loader-v3.0.0.js

loader.js の内容を次のように修正します。

---
  if (!raw) {
    // document.write('<scr' + 'ipt type="text/javascript" src="../build/ol.js"></scr' + 'ipt>');
     // ディレクトリ修正
    document.write('<scr' + 'ipt type="text/javascript" src="v3.1.1/build/ol.js"></scr' + 'ipt>');
  } else {
    window.CLOSURE_NO_DEPS = true; // we've got our own deps file
    // document.write('<scr' + 'ipt type="text/javascript" src="../closure-library/closure/goog/base.js"></scr' + 'ipt>');
    // document.write('<scr' + 'ipt type="text/javascript" src="../build/ol-deps.js"></scr' + 'ipt>');
     // ディレクトリ修正
    document.write('<scr' + 'ipt type="text/javascript" src="v3.1.1/closure-library/closure/goog/base.js"></scr' + 'ipt>');
    document.write('<scr' + 'ipt type="text/javascript" src="v3.1.1/build/ol-deps.js"></scr' + 'ipt>');
    document.write('<scr' + 'ipt type="text/javascript" src="' + scriptId + '-require.js"></scr' + 'ipt>');
  }
  document.write('<scr' + 'ipt type="text/javascript" src="' + scriptId + '.js"></scr' + 'ipt>');
}());

jquery.min.js のディレクトリが変更されています。

v3.1.1/resources/jquery.min.js


V3.0.0 の examples の中で次のものが v3.1.1 では削除されていました。

Google Maps integration example(google-map.html)

0 件のコメント: