2014-05-22 1 views
0

J'essaie de générer une carte très simple en utilisant kartograph.js. Mais certains comment mon code ne fonctionne pas. Je l'ai regardé dans les outils de développeurs web et donne lefonction n'est pas définie erreur javascript?

erreur: Uncaught RefrenceError: LoadMap n'est pas défini

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

Répondre

0

choses Couple:

Essayez de ne pas utiliser les mêmes noms de fonction, il sera faciliter le débogage (bien que cela fonctionnerait techniquement dans ce cas).

map.loadmap devrait être map.loadMap http://kartograph.org/docs/kartograph.js/

Essayez ceci:

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

Et retirer onLoad du corps.

Questions connexes