标记之间的中心剑道地图

Question

有没有办法将地图置于标记之间的中心？使其中心在标记之间，考虑到标记是从远程加载的dataSource？

Answer 1

这可以根据此处找到的示例来完成： http://www.kendoui.io/kendo-ui/dataviz/map/how-to/zoom-on-area.html

\n\n

代码如下

\n\n

<button id="center">Center on markers</button>\n<div id="map"></div>\n<script>\n    var markers = [\n    {"latlng":[30.2675,-97.7409], "name": "Zevo Toys"},\n    {"latlng": [30.2707,-97.7490],"name": "Foo Bars"},\n    {"latlng": [30.2705,-97.7409],"name": "Mainway Toys"},\n    {"latlng": [30.2686,-97.7494], "name": "Acme Toys"}];\n\n    $("#map").kendoMap({\n        layers: [{\n            type: "tile",\n            urlTemplate: "http://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",\n            subdomains: ["a", "b", "c"],\n            attribution: "\xc2\xa9 <a href=\'http://osm.org/copyright\'>OpenStreetMap contributors</a>."\n        }, {\n            type: "marker",\n            dataSource: {\n                data: markers\n            },\n            locationField: "latlng",\n            titleField: "name"\n        }]\n    });\n\n    function centerMap() {\n        var map = $("#map").getKendoMap();\n        var layer = map.layers[1];\n        var markers = layer.items;\n        var extent;\n\n        for (var i = 0; i < markers.length; i++) {\n            var loc = markers[i].location();\n\n            if (!extent) {\n                extent = new kendo.dataviz.map.Extent(loc, loc);\n            } else {\n                extent.include(loc);\n            }\n        }\n\n        map.extent(extent);\n    }\n\n    $("#center").click(centerMap);\n</script>\n

\n