添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

加载GeoServer WMS服务时,地图无法加载,出现错误:

View.js:1552 Uncaught TypeError: Cannot read property 'slice' of null
at xs (View.js:1552)
at e.applyOptions_ (View.js:378)
at new e (View.js:330)
at test.html:115

我加载服务的代码是:

var imagery = new ol.layer.Image({ source: new ol.source.ImageWMS({ ratio: 1, url: 'http://localhost:8999/geoserver/dem/wms', params: { 'FORMAT': 'image/jpeg',//'image/jpeg',// 'VERSION': '1.1.1', "STYLES": '', "LAYERS": 'dem:hhu_fill_dem', "exceptions": 'application/vnd.ogc.se_inimage', crossOrigin:'' }); var projection = new ol.proj.Projection({ code: 'EPSG:3857', units: 'm', global: true }); var map = new ol.Map({ controls: ol.control.defaults({ attribution: false }).extend([mousePositionControl]), target: container, layers: [ imagery view: new ol.View({ projection: projection, }), });

错误的地方是加载视图这一块view: new ol.View({ projection: projection}),,一步步排除后发现问题在:

var projection = new ol.proj.Projection({
		            code: 'EPSG:3857',
		            units: 'm',
		            global: true
		    });

其中的global: true有问题,global的默认属性为false,将其注释掉,发现不报错,地图也能正常加载出来了。
关于global的官方解释为:

Whether the projection is valid for the whole globe.
 

然而,在geoserver加载该服务的源代码中,是将global设为true的,并且成功加载,不清楚这是为什么??

Openlayers编辑器 OpenLayers编辑器(OLE)基于并提供了一组用于扩展空间数据编辑的控件。 欢迎捐款! 随时添加更多控件并扩展当前功能。 此外,构建过程目前非常基本,可以进行优化。 翻译也很好。 几何对齐的CAD工具 绘制线,点和面要素 移动和旋转几何 使用拓扑操作:缓冲区,并集,交集,差值 用于激活和停用控件的工具栏 有关演示,请访问 。 节点和npm 克隆此存储库 安装: npm install 构建: npm run build 运行: npm start 打开浏览器并访问 var editor = new ole . Editor ( map ) ; var cad = new ole . control . CAD ( { source : editLayer . getSource ( ) <html lang="en"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.3.1/css/ol.css" type="text/css"> <style> .map { height: 400. OpenLayers是一个用于开发WebGIS客户端的JavaScript包。OpenLayers 支持多种常用的地图来源,包括天地图、百度地图、高德地图、ArcGIS地图、Bing地图、OSM地图、Google地图等。 <text class="review-detail-text">评审时间:{{item.evaluation_date=item.evaluation_date.slice(0,10)}}. 第173个近来写程序,发现openlayers用OSM方式来加载OpenStreetMap地图,一片爆红,瓦片加载不出来。本示例的目的是介绍演示如何在vue+openlayers中解决OpenStreetMap地图在国内被DNS污染,加载不出来瓦片的问题,通常我们是直接引用OSM,这里采用的是XYZ方式来加载瓦片的路径。 必需。规定从何处开始选取(为索引,从0开始)。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参 在Console中出现 Cannot read property 'xxxxxx' of null  的问题时很难查找到改原因的出处今天在项目中看到页面出现 Cannot read property 'xxxxxx' of null 的字样如下:对于像我这样的前端菜鸡根本,一开始以为是layer插件出现了问题尝试一:修改alyer语句依旧报错    无效尝试二:注释掉该页面所有alyer有关的代码... 自定义angularjs 过滤器,用于选择一个数组的一部分,使用了数组的slice()方法,但是会报错:“Cannot read property  ‘slice’ of undefined”,可以这样解决: app.filter('startFrom', function() { return function(input, start) { if (!input || [Vue warn]: Error in render: “TypeError: Cannot read property ‘_t’ of undefined” 是在项目中用了多语言配置,vue 跟 i18n之间的兼容问题。解决方法如下: Vue.use(iView) Vue.use(iView, { i18n: function(path, op...