2014年10月1日水曜日

2 - ol3ex 12b - Full screen control example 2

「full-screen.js(212-ol3ex.js)」は、地図を表示するのに必要な javascript です。
「212-ol3ex.js」
var view = new ol.View({
// center: [-9101767, 2822912],
   center: [15520720, 4257706], // 東京の座標
// zoom: 14
   zoom: 10
});
var map = new ol.Map({
 controls: ol.control.defaults().extend([
 /** controls
  * Controls initially added to the map. 
  * If not specified, ol.control.defaults() is used.
  * 初期設定で、マップに追加されたコントロール。
  * 明示されていなければ、ol.control.defaults() が使用されます。
  * (ol3 API)
  */
 /** ol.control.defaults()
  * デフォルトでは、マップに含まコントロールのセット。
  * 特に設定しない限り、これは、以下の各コントロールの
  * インスタンスを含むコレクションを返します。(ol3 API)
  * ol.control.Zoom, ol.control.Rotate, ol.control.Attribution
  */
 new ol.control.FullScreen()
 /** ol.control.FullScreen 
  * Provides a button that when clicked fills up the 
  * full screen with the map. When in full screen mode, 
  * a close button is shown to exit full screen mode. 
  * The Fullscreen API is used to toggle the map in 
  * full screen mode.
  * クリックされたとき、マップと共にフルスクリーンにするボタンを
  * 提供します。フルスクリーンモードで、閉じるボタンは、フルスク
  * リーンモードを終了するように示されています。フルスクリーン  
  * API は、フルスクリーンモードでマップを切り替えるために使用
  * されます。(ol3 API)
  */
 ]),
 layers: [
  new ol.layer.Tile({
  /** ol.layer.Tile 
   * For layer sources that provide pre-rendered, tiled 
   * images in grids that are organized by zoom levels for 
   * specific resolutions. 
   * プリレンダリング(事前描画)を提供するレイヤソースのための、
   * 特定の解像度でのズームレベルによって編成されているグリッドの
   * タイルイメージ。(ol3 API)
   */
   source: new ol.source.BingMaps({
   /** ol.source.BingMaps
    * Layer source for Bing Maps tile data.
    * Bing Maps タイルデータのレイヤソース。(ol3 API)
    */
    key: 'Ak-dzM4w...', // 省略してます
    imagerySet: 'Aerial'
   })
  })
 ],
renderer: exampleNS.getRendererFromQueryString(),
//'example-behavior.js' により URL にある renderer を返します
 target: 'map',
 view: view
});



0 件のコメント: