Kendo UI Map 不渲染任何东西

Question

我试图让地图像这个例子一样显示：

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%;
}

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