首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >openLayer/TileLayer/source需要什么类型的文件?

openLayer/TileLayer/source需要什么类型的文件?
EN

Stack Overflow用户
提问于 2019-06-19 16:44:47
回答 1查看 228关注 0票数 0
代码语言:javascript
复制
import { Component, OnInit } from '@angular/core';
import {Map} from'ol';
import TileLayer from 'ol/layer/Tile';
import Stamen from 'ol/source/Stamen';
import View from 'ol/View';
import {transform} from 'ol/proj';
import Zoomify from 'ol/source/Zoomify';
import Projection from 'ol/proj/Projection';
const hongkong =  transform([114.15769,22.28552], 'EPSG:4326', 'EPSG:3857');

@Component({
  selector: 'app-own-tile',
  templateUrl: './own-tile.component.html',
  styleUrls: ['./own-tile.component.css']
})
export class OwnTileComponent implements OnInit {  
  map: Map;
  width = 512;
  height = 512;

constructor() 
{ 
}

  ngOnInit() {    
let url = '/assets/jp2';    
this.map = new Map({
      target: 'map',
      layers: [
        new TileLayer({
          source: url
    })  
      ],
      view: new View({
        center: [0, 0],
        zoom: 0
      })
    });

  }

}

我的问题是关于TileLayer的源部分:源,我需要提供哪种类型的文件,目前我有一个文件夹,其中包含不同的光栅图像,文件夹名称的顺序是:(缩放级别,x坐标,y坐标),但这给了我错误,错误是:

TypeError:无法在字符串'/assets/jp2‘上创建属性'ol_lm’

为了解决这个错误,我需要在源代码中提供我需要提供的类型,我可以对此有所了解,这将是很有帮助的。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-23 23:30:52

Layer对象需要一个来自xyz库的“源”对象,在本例中应该是一个OpenLayers源:

代码语言:javascript
复制
import TileLayer from 'ol/layer/Tile'
import XYZSource from 'ol/source/XYZ'

layers: [
    new TileLayer({
        source: new XYZSource({
            url: 'path/to/tiles/{z}/{x}/{y}.[png/jpg/etc]'
        })
    })
]
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56663565

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档