剑道UI地图不呈现任何

我试图让地图来显示这样的例子：剑道UI地图不呈现任何

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

剑道：“库/剑道/ JS/kendo.all.min “

通知kendo.all.min.js根据网站包括widgets和dataviz

来源

2014-07-17 Magn3s1um

你能列出你包含的所有资源吗？我正在使用您的代码，并且能够获得工作映射。 – gitsitgo

编辑包含这个 – Magn3s1um

尝试将'jquery.min.js'脚本作为第一个脚本标记 – gitsitgo

你有没有在你的css文件中的任何地方？

img { 
    max-width:100%; 
}

我有同样的问题，我通过删除最大宽度来解决它。

来源

2014-08-04 13:56:15

这正是我遇到的问题。我正在使用的网站模板正是这样宣布的！谢谢！ – Jgreenst

剑道UI地图不呈现任何

回答

相关问题