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',
'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...