Javascript 为什么OpenLayers-3加载了太多的地图?

Javascript 为什么OpenLayers-3加载了太多的地图?,javascript,openlayers-3,geoserver,Javascript,Openlayers 3,Geoserver,我正试图从我的geoserver加载一个网页中的地图,当它加载的时候,它本身几乎翻了一番。第一个地图是来自geoserver管理页面的预览,第二个地图是在网页上拉拽时如何加载地图 Openlayers使用平铺系统,地图将在web浏览器中不断重复,以确保恒定的覆盖范围和填充屏幕/分区的无缝视图。聚焦特定区域的最简单方法是使用缩放级别 var map = new OpenLayers.Map("mapdiv"); map.setCenter(new OpenLayers.LonLat(yourLo

我正试图从我的geoserver加载一个网页中的地图,当它加载的时候,它本身几乎翻了一番。第一个地图是来自geoserver管理页面的预览,第二个地图是在网页上拉拽时如何加载地图


Openlayers使用平铺系统,地图将在web浏览器中不断重复,以确保恒定的覆盖范围和填充屏幕/分区的无缝视图。聚焦特定区域的最简单方法是使用缩放级别

var map = new OpenLayers.Map("mapdiv");
map.setCenter(new OpenLayers.LonLat(yourLong, yourLat), zoomLevel);
上面的代码将以给定的缩放级别为int值的特定区域为中心。这里还有其他设置边界和缩放的方法:


我在图层中添加了一些属性,这是我的代码:

mapInit: function() {         
          var _this = this;

          this.map = new ol.Map({
            target: 'mapdiv', //element to render in
            interactions: ol.interaction.defaults({
                shiftDragZoom: false,
                altShiftDragRotate: false,
                dragPan: false
            }),
            controls: ol.control.defaults({ 
                attributionOptions: ({ 
                    collapsible: true 
                })
            }).extend([ new ol.control.ScaleLine() ]),
            renderer: 'canvas',
            layers: [
                     new ol.layer.Tile({
                         source: new ol.source.TileWMS({
                             url: 'http://***.**.**.***:8080/geoserver/Global/wms',
                             params: {'LAYERS': 'Global Map', 'TILED': true},
                             noWrap: true, //<----added this
                             wrapX: false  //<----added this
                         }),
                         //constrain the extent of the servable tiles to only 1 world's coordinates.
                         extent: [-20037508.34, -20037508.34, 20037508.34, 20037508.34] //<----added this
                     }) 
                     ],
mapInit:function(){
var_this=这个;
this.map=新ol.map({
目标:“mapdiv”,//要在其中渲染的元素
交互:ol.interaction.defaults({
shiftDragZoom:false,
altShiftDragRotate:false,
德拉潘:错
}),
控件:ol.control.defaults({
属性选项:({
可折叠:正确
})
}).extend([new ol.control.ScaleLine()]),
渲染器:“画布”,
图层:[
新ol.layer.Tile({
来源:新ol.source.TileWMS({
url:'http://*****:8080/geoserver/Global/wms',
参数:{'LAYERS':'Global Map','TILED':true},

noWrap:是的,//我不明白你的问题是什么。你是想不重复/包装世界吗?是的,它扩展了地图,所以每个大陆都有两个。你想与我们共享一个通用的,也与3.1.1兼容的吗?