2014-07-17 56 views
2

我試圖讓地圖來顯示這樣的例子:劍道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

+0

你能列出你包含的所有資源嗎?我正在使用您的代碼,並且能夠獲得工作映射。 – gitsitgo

+0

編輯包含這個 – Magn3s1um

+0

嘗試將'jquery.min.js'腳本作爲第一個腳本標記 – gitsitgo

回答

1

你有沒有在你的css文件中的任何地方?

img { 
    max-width:100%; 
} 

我有同樣的問題,我通過刪除最大寬度來解決它。

+0

這正是我遇到的問題。我正在使用的網站模板正是這樣宣佈的!謝謝! – Jgreenst