0

来たる OpenLayers 3 のリリースに備えて、基本的な地図の例を Qooxdoo モバイル アプリで動作させようとしました。

Qooxdoo mobileshowcase デモ マップを出発点として使用しましたが、何時間も試行してもマップが表示されません。

簡潔にするために、ol3 css を含めました

   <link rel="stylesheet" href="http://ol3js.org/en/master/css/ol.css" type="text/css">

mapUri を OL3 のものに置き換えたことを除いて、Maps.js クラス全体を同じままにしました。

_mapUri : "http://ol3js.org/en/master/build/ol.js",

次に、_loadMapLibrary を次のように置き換えます。

  _loadMapLibrary : function() {
      var req = new qx.bom.request.Script();
      req.onload = function() {
      var map = new ol.Map({
          target: 'osmMap',
          layers: [
            new ol.layer.Tile({
              source: new ol.source.MapQuest({layer: 'sat'})
            })
          ],
          view: new ol.View({
            center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),
            zoom: 4
          })
        });
      }.bind(this);

      req.open("GET", this._mapUri);
      req.send();
    },

それは動作するはずです...

4

1 に答える 1