劍道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地圖不呈現任何

回答

相關問題