我正在尝试使用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>
答案 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。