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中，我需要

kendo：“libs / kendo / js / kendo.all.min”

Apparnetly kendo.all.min.js根据网站包含小部件和dataviz

Answer 1

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

img {
    max-width:100%;
}

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

Kendo UI Map不会渲染任何内容

1 个答案: