我们正在尝试将我们的OL5映射迁移为OL6映射。当我们使用OL6时,地图根本不会渲染,在DevTools中,如果我们为地图div设置一个高度,缩放工具和徽标会显示得很好,但没有图层。我们用快速入门地图替换了地图,它在6中不起作用,5完全没问题。检查我们的map对象没有发现任何问题,并且和预期的一样。
其他人有任何问题或解决了这个问题,或者可以帮助吗?谢谢!
HTML声明:
<div id="ephem-map" class="map-medium"></div>Controller.js:
vm.map = MapFactory.getMapInstance({
id: 'ephem-map',
zoomLevel: 2
});MapFactory:
(function () {
'use strict';
/* global ol, angular */
angular.module('common').factory('MapFactory', MapFactory);
MapFactory.$inject = [];
function MapFactory() {
var factory = {
getMapInstance: getMapInstance
};
return factory;
function getMapInstance(options) {
return new _MapConstructor(options);
}
function _MapConstructor(options) {
/**
* Guarantee "new" instance
*/
if (!(this instanceof _MapConstructor)) {
return new _MapConstructor(options);
}
options = options || {};
var _id = options.id || 'map';
var _zoomLevel = options.zoomLevel || 2;
var _resultsOptions = options.results || {};
var _wrapX = options.wrapX || false;
var _infoTag = options.infoTag || 'info';
// The actual ol.Map object that manipulates the DOM
var _map = undefined;
// Run on construction
_initialize();
// The working MapInstance object
var mapinstance = {};
return mapinstance;
function setTarget(target) {
_map.setTarget(target);
}
/**
* Private Methods to _MapInstance
*/
function _initialize() {
_map = new ol.Map({
target: _id,
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.fromLonLat([37.41, 8.82]),
zoom: 4
})
});
}
}
}
})();发布于 2019-10-31 06:58:22
解决这个问题的方法是在我的地图容器上设置一个高度。似乎它不再使用css中设置的最小/最大高度进行渲染。
https://stackoverflow.com/questions/58599308
复制相似问题