函数未定义错误javascript？_Javascript_Html_Maps_Kartograph

函数未定义错误javascript？

javascript html maps

函数未定义错误javascript？,javascript,html,maps,kartograph,Javascript,Html,Maps,Kartograph,我正在尝试使用kartograph.js生成一个非常简单的地图。但是，我的代码无法正常工作。我在web开发者工具中查看了它，它给出了错误：未捕获引用错误：未定义loadmap <html> <head> <script src="jquery-1.8.3.min.js"></script> <script src="raphael-min.js"></script> <scrip

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

错误：未捕获引用错误：未定义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>


函数loadmap（）{
var-map=Kartograph.map（'#map'，900,0）；
map.loadmap（'map.svg'，function（））{
//添加图层。
map.addLayer（“国家”）；
map.addLayer（“深度”）；
addLayer（'trees'）；
map.addLayer（“作物”）；
地图。添加图层（“河流”）；
地图添加层（“运河”）；
地图。添加图层（“城市”）；
map.addLayer（“状态”）；
地图。添加图层（“海岸”）；
地图。添加图层（“海岸”）；
});
}

两件事：

尽量不要使用相同的函数名，这将使调试更容易（尽管在这种情况下技术上是可行的）

map.loadmap应该是map.loadmap

试试这个：

$(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');
});
});

并从车身上卸下负载