Kendo ui 标记之间的剑道中心地图

有没有办法将地图居中放置在标记之间的中心？在标记之间居中，考虑到标记是从远程

数据源加载的

这可以通过以下示例来实现：

代码如下

<button id="center">Center on markers</button>
<div id="map"></div>
<script>
    var markers = [
    {"latlng":[30.2675,-97.7409], "name": "Zevo Toys"},
    {"latlng": [30.2707,-97.7490],"name": "Foo Bars"},
    {"latlng": [30.2705,-97.7409],"name": "Mainway Toys"},
    {"latlng": [30.2686,-97.7494], "name": "Acme Toys"}];

    $("#map").kendoMap({
        layers: [{
            type: "tile",
            urlTemplate: "http://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
            subdomains: ["a", "b", "c"],
            attribution: "© <a href='http://osm.org/copyright'>OpenStreetMap contributors</a>."
        }, {
            type: "marker",
            dataSource: {
                data: markers
            },
            locationField: "latlng",
            titleField: "name"
        }]
    });

    function centerMap() {
        var map = $("#map").getKendoMap();
        var layer = map.layers[1];
        var markers = layer.items;
        var extent;

        for (var i = 0; i < markers.length; i++) {
            var loc = markers[i].location();

            if (!extent) {
                extent = new kendo.dataviz.map.Extent(loc, loc);
            } else {
                extent.include(loc);
            }
        }

        map.extent(extent);
    }

    $("#center").click(centerMap);
</script>

以标记为中心
变量标记=[
{“latlng”：[30.2675，-97.7409]，“名称”：“Zevo玩具”}，
{“latlng”：[30.2707，-97.7490]，“name”：“Foo Bars”}，
{“latlng”：[30.2705，-97.7409]，“名称”：“Mainway Toys”}，
{“latlng”：[30.2686，-97.7494]，“名称”：“Acme玩具”}]；
$（“#地图”）.kendoMap({
图层：[{
类型：“瓷砖”，
URL模板：“http://#=子域#.tile.openstreetmap.org/#=缩放#/#=x#/#=y#.png”，
子域：[“a”、“b”、“c”]，
归属：“）”
}, {
类型：“标记”，
数据源：{
数据：标记
},
位置字段：“latlng”，
titleField：“名字”
}]
});
函数centerMap（）{
var map=$（“#map”）.getKendoMap（）；
var layer=map.layers[1]；
var markers=layer.items；
var范围；
对于（var i=0；i

这可以通过以下示例来实现：

代码如下

<button id="center">Center on markers</button>
<div id="map"></div>
<script>
    var markers = [
    {"latlng":[30.2675,-97.7409], "name": "Zevo Toys"},
    {"latlng": [30.2707,-97.7490],"name": "Foo Bars"},
    {"latlng": [30.2705,-97.7409],"name": "Mainway Toys"},
    {"latlng": [30.2686,-97.7494], "name": "Acme Toys"}];

    $("#map").kendoMap({
        layers: [{
            type: "tile",
            urlTemplate: "http://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
            subdomains: ["a", "b", "c"],
            attribution: "© <a href='http://osm.org/copyright'>OpenStreetMap contributors</a>."
        }, {
            type: "marker",
            dataSource: {
                data: markers
            },
            locationField: "latlng",
            titleField: "name"
        }]
    });

    function centerMap() {
        var map = $("#map").getKendoMap();
        var layer = map.layers[1];
        var markers = layer.items;
        var extent;

        for (var i = 0; i < markers.length; i++) {
            var loc = markers[i].location();

            if (!extent) {
                extent = new kendo.dataviz.map.Extent(loc, loc);
            } else {
                extent.include(loc);
            }
        }

        map.extent(extent);
    }

    $("#center").click(centerMap);
</script>

以标记为中心
变量标记=[
{“latlng”：[30.2675，-97.7409]，“名称”：“Zevo玩具”}，
{“latlng”：[30.2707，-97.7490]，“name”：“Foo Bars”}，
{“latlng”：[30.2705，-97.7409]，“名称”：“Mainway Toys”}，
{“latlng”：[30.2686，-97.7494]，“名称”：“Acme玩具”}]；
$（“#地图”）.kendoMap({
图层：[{
类型：“瓷砖”，
URL模板：“http://#=子域#.tile.openstreetmap.org/#=缩放#/#=x#/#=y#.png”，
子域：[“a”、“b”、“c”]，
归属：“）”
}, {
类型：“标记”，
数据源：{
数据：标记
},
位置字段：“latlng”，
titleField：“名字”
}]
});
函数centerMap（）{
var map=$（“#map”）.getKendoMap（）；
var layer=map.layers[1]；
var markers=layer.items；
var范围；
对于（var i=0；i

有效答案被否决是相当令人沮丧的。看来这句话就够了。不管怎样，我按照要求用代码更新了答案。有效答案被否决是相当令人沮丧的。看来这句话就够了。无论如何，我按照要求用代码更新了答案。