Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何开始创建Openlayers包装API?_Api_Maps_Openlayers_Wrapper_Openlayers 3 - Fatal编程技术网

如何开始创建Openlayers包装API?

如何开始创建Openlayers包装API?,api,maps,openlayers,wrapper,openlayers-3,Api,Maps,Openlayers,Wrapper,Openlayers 3,我正在尝试在openlayers-3上创建一个包装器 有人能为我提供实现这一点的分步指导吗?您可以从以下ES5风格的代码开始: // wrapper var myMap = function(target, zoom, center) { this.init(target, zoom, center); }; myMap.prototype = { init: function(target, zoom, center) { // use actual ol retur

我正在尝试在openlayers-3上创建一个包装器


有人能为我提供实现这一点的分步指导吗?

您可以从以下ES5风格的代码开始:

// wrapper
var myMap = function(target, zoom, center) {
  this.init(target, zoom, center);
};

myMap.prototype = {
  init: function(target, zoom, center) {
    // use actual ol
    return new ol.Map({
      layers: [
        new ol.layer.Tile({
          source: new ol.source.OSM()
        })
      ],
      target: target,
      view: new ol.View({
        center: center,
        zoom: zoom
      })
    })
  }
};

// call your wrapper method
var map = new myMap("map", 2, [0, 0]);

坦率地说,Openlayers的API有点难用,特别是对于初学者。我必须在工作中使用它,所以我尝试编写一个简单的包装器,以便更易于使用

一个简单的演示:

var proj = new ol.proj.Projection({
    code: 'EPSG:4490',
    units: 'degrees',
});
var mapOptions = {
    center: [121.84059516385024, 29.902349218390047],
    layers: layerObject,
    zoom: 15,
    projection: proj
};
var map = new OpenMap('mapId',mapOptions);

有关Github的更多详细信息,请查看它:

这是一个有点过于笼统的问题。您能为地图服务尝试至少一个包装器对象吗?创建一个包装器就可以了。