Using kartograph, I want to load the SVG of this link: SVG . The first thing I noticed I was missing was the metadata tag. So I copied that tag from another SVG file, but the image still does not show up. Could anyone look at the svg file of the link and tell me what is missing?
Below my html code.
<html>
<head>
<script src="../../js/jquery/jquery-1.9.1.min.js"></script>
<script src="../../js/raphaeljs/raphael-min.js"></script>
<script src="../../js/kartograph/kartograph.js"></script>
<script>
$(document).ready(function(){
var map = kartograph.map('#map');
map.loadMap('mymap.svg', function () {
map.addLayer("Terreno");
});
});
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>