Kendo UI Map 不渲染任何东西

Posted 2023-05-07

技术标签:

【中文标题】Kendo UI Map 不渲染任何东西【英文标题】：Kendo UI Map doesn't render anything 【发布时间】：2014-09-08 17:39:13 【问题描述】：

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

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 包括小部件和数据可视化

【问题讨论】：

你能列出你所包含的所有资源吗？我正在使用您的代码，并且能够获得工作地图。已编辑以包含此内容尝试将jquery.min.js 脚本作为第一个脚本标签 【参考方案1】：

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