Question

我无法在Ionic 2中加载ol3cesium地图。

我的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>

我的家。：

在内部构造函数中，添加了以下代码 -

        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);

    });

＆＃39; map2d＆＃39;是home.html中的div id。

我不知道为什么说'olcs没有被定义＆＃39;在ionic serve --lab运行项目时。我该如何解决这个JavaScript问题？

Answer 1

我解决了。实际上我必须将cesium.js和ol3cesium放在www文件夹中。

ol3Cesium地图未加载，给出错误＆＃39; olcs未定义＆＃34;

1 个答案: