javascript - 如何初始化像这样的 jQuery 小部件 : var newMap = xgis. map ('#map' ，选项)；

Question

也许这个问题已经在这里发布了，但是我搜索了一下，没有找到我想要的详细案例。

我有 GIS API 在 OpenLayers 之上工作。我有一个名为“xgis”的 jQuery 小部件，用于创建 OpenLayers map 。

小部件的定义如下:

$.widget('xgis.xgis', {
    options: {
        opt1: true,
        opt2: [],
        opt3: ''
    },
    method1: function() {
        ...
    },
    method2 ...,
    ...
});

当我想创建 map 时，我只需这样做:

var newMap = $('#map').xgis(options);

其中“#map”是放置 map 的 DIV 的 ID，“options”是包含 map 初始化选项的对象。

现在，让我们解释一下我想要什么。我想更改 GIS API 的整个类结构。我想要上这样的类(class):* xgis(主类)* xgis.map( map 类)* xgis.layer(图层类)等等

除了小部件之外，它正在工作。我想像这样初始化 map :

var newMap = xgis.map('#map', options);

如您所见，我想要一种初始化 map 的简单方法，从而隐藏它是一个 jQuery.ui 小部件的事实。

是否可以更改小部件结构以使这种新的初始化方式起作用？

谢谢

Answer 1

我认为您不能直接使用 $.widget 来完成此操作。但你可以简单地隐藏它。使用普通 API 创建小部件，名称如 xgis_map、xgis_layer 等，然后编写包装器:

var xgis = {
    map: function(selector, options) {
        return $(selector).xgis_map(options);
    },
    layer: function(selector, options) {
        return $(selector).xgis_layer(options);
    },
    ...
};