函数未定义错误javascript?

时间:2014-05-22 20:37:31

标签: javascript html maps kartograph

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

错误:未捕获的RefrenceError:未定义loadmap

    <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>

1 个答案:

答案 0 :(得分: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。