0

kartograph.js を使用して非常に単純なマップを生成しようとしています。しかし、私のコードがどのように機能していないか。Web開発者ツールでそれを見たところ、

エラー: Uncaught 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 に答える