熊野速玉大社


Date/Time: 2014:05:02 14:12:01
Camera: RICOH
Model: GR DIGITAL 4
Exporsure Time: 1/500
FNumber: 5.0
Aperture Value: 4.6
Focal Length: 6.0

Close

y2blog » OpenLayers Tips: オーバレイ表示

8

13

2012

OpenLayers Tips: オーバレイ表示

OpenLayersでレイヤーをオーバレイ表示する方法





このところOpenLayersを用いて新しくなった電子国土V4システムの背景地図を色々と試しているが、OpenLayersでレイヤーをオーバレイ表示する方法が何となく分かったので簡単に紹介しておくことにする.


OpenLayersでレイヤーをオーバレイ表示するには、レイヤーをベースレイヤーとオーバレイ用のレイヤーとにきちんと分けて管理すれば簡単にオーバレイ表示を行う事ができる.下記の例は電子国土V4の場合であるが、Google MapsやOSMなど他のWEBマップサービスのレイヤーの場合でも同じようにレイヤーのオプションを設定すれば良い.


    // JSGI Denshi Kokudo (この場合はデフォルトのベースレイヤーモードとしてレイヤーが作成される)
    var webtisLayer = new webtis.Layer.BaseMap( "CJ4 Base Map", { dataSet: cj4BaseMapSet });
    
    // overlaid ortho image (オーバレイ用のオルソ画像レイヤー)
    var webtisOrthoLayer = new webtis.Layer.BaseMap( "CJ4 Ortho", { 
         dataSet: cj4OrthoMapSet, 
         opacity: 0.3,     (レイヤーの初期透明度を設定)
         isBaseLayer: false   (ベースレイヤーモードを解除)
    });
   
    map.addLayers( [ webtisLayer, webtisOrthoLayer ] );
   

OpenLayers によるオーバレイ表示のサンプルHTMLコード





	
	Ovaerlay Samples [ CJ4 ]











	
Map Center:

Overlay Opacity: << >>

Calendar

March 2024
S M T W T F S
 12
3456789
10111213141516
17181920212223
24252627282930
31  
  • Blogroll

  • Meta