Question

我尝试使用以下代码将OpenStreetMaps中的地图内容加载到我的混合移动应用中的div中：

-JS：

.controller('myCtrl', function($scope, $state, $ionicPopup, $cordovaGeolocation, Util)
                {

            if (! $scope.firstloaded)
            {
            var map = new OpenLayers.Map("basicMap");

             var mapnik = new OpenLayers.Layer.OSM();

             var fromProjection = new OpenLayers.Projection("EPSG:4326");

             // Transform from WGS 1984
             var toProjection = new OpenLayers.Projection("EPSG:900913");

             // to Spherical Mercator Projection
             var position = new OpenLayers.LonLat(13.41,52.52).transform(fromProjection, toProjection);

             var zoom = 15;

             map.addLayer(mapnik);
            map.setCenter(position, zoom );

            $scope.firstloaded = true;
            }

-HTML：

<label class="item item-input">
      <span class="input-label">Location</span>
      <div id="basicMap" style="height:250px"></div>
    </label>

..但是，我不知道为什么地图没有显示在div上。

那么，代码有什么问题吗？如何解决这个问题呢？

Answer 1

查看以下OpenStreetMap Example中提到的简单示例。

一旦它工作，你可以扩展它的实现，因为它将具有可以增强的工作代码库的所有先决条件。

OpenLayers：OSM并没有出现在div上

1 个答案: