2016-07-06 8 views
1

を定義されていない私は、イオン2のマップをol3cesiumロードすることができませんol3Cesiumエラーを与えてロードしないマップ、 '' OLCSが「

私のindex.html(bodyタグ内のコード):

  <ion-app></ion-app> 

     <script src="http://openlayers.org/en/v3.16.0/build/ol.js" 
     <script src="../ol3-cesium-v1.17/ol3cesium.js"></script> 
     <script src="../ol3-cesium-v1.17/Cesium/Cesium.js"></script> 

マイhome.ts:

コードが追加されたコンストラクタの内部では、下に -

 var view = new ol.View({ 
      projection: 'EPSG:4326', 
      center: [-100, 35], 
      zoom: 3 
     }); 

     var layer = new ol.layer.Tile({ 
      source: new ol.source.TileWMS({ 
       url: 'http://demo.boundlessgeo.com/geoserver/wms', 
       params: { 
        'LAYERS': 'ne:NE1_HR_LC_SR_W_DR' 
       } 
      }) 
     }); 
     var overlay = new ol.layer.Tile({ 
      opacity: 0.7, 
      extent: [-124.74, 24.96, -66.96, 49.38], 
      source: new ol.source.TileWMS(/** @type {olx.source.TileWMSOptions} */({ 
       url: 'http://demo.boundlessgeo.com/geoserver/wms', 
       params: { 'LAYERS': 'topp:states', 'TILED': true }, 
       serverType: 'geoserver', 
       crossOrigin: 'anonymous' 
      })) 
     }); 

     var ol2d = new ol.Map({ 
      layers: [layer, overlay], 
      target: 'map2d', 
      view: view 
     }); 

     var ol3d = new olcs.OLCesium({ map: ol2d }); 
     var scene = ol3d.getCesiumScene(); 
     var terrainProvider = new Cesium.CesiumTerrainProvider({ 
      url: '//assets.agi.com/stk-terrain/world' 
     }); 
     ol3d.getCesiumScene().scene.terrainProvider = terrainProvider; 

     ol3d.setEnabled(true); 

    }); 

'map2dは'で私のdivのIDです。

ionic serve --labでプロジェクトを実行しているときに「olcsが定義されていません」という理由がわかりません。このJavaScriptの問題を解決するにはどうすればよいですか?

+0

Proのヒント:緊急を求める[ここでは受け入れられない](http://meta.stackoverflow.com/q/326569/472495)、Web上のボランティア主導のヘルプソース。 – halfer

答えて

0

私はそれを解決しました。 実際には、wwwフォルダにcesium.jsとol3cesiumを入れなければなりませんでした。

関連する問題