0

我正在尝试使用 kartograph.js 生成一个非常简单的地图。但是有些我的代码无法正常工作。我在 Web 开发人员工具中查看了它，它给出了

错误：未捕获的RefrenceError：未定义加载图

    <html>
<head>
     <script src="jquery-1.8.3.min.js"></script>
     <script src="raphael-min.js"></script>
     <script src="kartograph.min.js"></script>


<!---starting karograph.js-->   

    <script language="JavaScript">
function loadmap(){
var map = Kartograph.map('#map', 900, 0);

map.loadmap('map.svg', function() {
    // add layers.
        map.addLayer('countries');
        map.addLayer('depth');
        map.addLayer('trees');
        map.addLayer('crops');
        map.addLayer('rivers');
        map.addLayer('canals');
        map.addLayer('city');
        map.addLayer('states');
        map.addLayer('coast');
        map.addLayer('coast');
});
}
</script>
</head>
<body onLoad = "loadmap()">
<div id = "map">
</div>
</body>
</html>
4

1 回答 1

0

几件事：

尽量不要使用相同的函数名，它会使调试更容易（尽管在这种情况下它在技术上可以工作）。

map.loadmap 应该是 map.loadMap http://kartograph.org/docs/kartograph.js/

试试这个：

$(document).ready(function () {

var map = Kartograph.map('#map', 900, 0);

map.loadMap('map.svg', function() {

    // add layers.
        map.addLayer('countries');
        map.addLayer('depth');
        map.addLayer('trees');
        map.addLayer('crops');
        map.addLayer('rivers');
        map.addLayer('canals');
        map.addLayer('city');
        map.addLayer('states');
        map.addLayer('coast');
        map.addLayer('coast');
});
});

并从正文中删除 onLoad。

于 2014-05-23T15:00:15.370 回答