剑道UI贴图不渲染任何内容

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/剑道/js/kendo.all.min"

显然kendo.all.min.js包括widget和数据可视化根据网站

Answer 1

你的css文件中有这样的东西吗?

img {
    max-width:100%;
}

我有同样的问题，我通过删除max-width来解决它。