jquery - Kendo UI Map 不渲染任何内容

Question

我正在尝试显示 map ，如下例所示:

http://demos.telerik.com/kendo-ui/map/geojson

我复制并粘贴代码并删除对我没有的资源的任何引用，因此它只是一个简单的 kendoMap() 函数。尽管如此，什么也没有呈现。然后我尝试使用这个非常简单的示例:

<div id="map" style="width: 600px; height: 400px;"></div>
<script>
$("#map").kendoMap({
    layers: [{
        type: "tile",
        urlTemplate: "http://a.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png",
        attribution: "&copy; <a href='http://osm.org/copyright'>OpenStreetMap contributors</a>."
    }]
});
</script>

我仍然得到一个空白页。我已经包含了 kendo.all.min.js。有什么想法吗？我是否缺少其他所需资源？当我查看生成的源代码时，脚本被包含在内。

编辑:

以下是我包含的资源:

<link href="scripts/libs/kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
    <link href="scripts/libs/kendo/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="scripts/libs/kendo/styles/kendo.default.min.css" rel="stylesheet" />
    <link href="styles/portrait.css" id="cssSheet" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.dataviz.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.dataviz.default.min.css" rel="stylesheet" />


    <script src="cordova.js"></script>
    <script data-main="scripts/main" src="scripts/libs/require.js"></script>
    <script src="scripts/libs/kendo/js/jquery.min.js"></script>

在 Require.js 中，我需要

剑道:“libs/kendo/js/kendo.all.min”

根据网站，kendo.all.min.js 显然包括小部件和数据可视化

Answer 1

你的 css 文件中有类似的东西吗？

img {
    max-width:100%;
}

我遇到了同样的问题，我通过删除最大宽度解决了它。