0

我正在使用 Kartograph.js 加载 svg 地图。但是页面加载时出现以下错误：

Uncaught TypeError: Cannot read property 'getAttribute' of undefined
View.fromXML
Kartograph._mapLoaded
j
k.fireWith 
x
b

这是我的代码：

<html>
<head>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="raphael-min.js"></script>
    <script type="text/javascript" src="kartograph.js"></script>
    <script type="text/javascript">
        function loadMap(){
            var map = kartograph.map('#map', 600, 0);

            map.loadMap('World.svg')
        }
    </script>
</head>
 <body onLoad="loadMap()">

    <div id="map"></div>
</body>
</html>
4

2 回答 2

1

您需要在 svg 文件上定义元数据。例如：

<metadata><views><view h="604.816027229" padding="0" w="1000"><proj id="laea-usa" lat0="45" lon0="-100"/><bbox h="321.76" w="532.88" x="746.23" y="918.78"/></view></views></metadata>
于 2014-06-13T20:53:55.360 回答
1

如果您使用 kartograph.py 创建了 svg，您可能需要添加在 svg 中添加的图层，如下所示：

        function loadMap(){
            var map = kartograph.map('#map', 600, 0);

            map.loadMap('World.svg', function() {
                 map.addLayer('your_first_layer');
                 map.addLayer('your_second_layer');
            });
        }

要查找要添加的图层的名称：

  • 以文本形式打开您的 svg 文件，例如在 Firefox 中并使用右键单击、页面检查器。
  • 在第二行你会看到：svg > g#something > ...

其中一层的名称是“g#​​”之后的“something”。在代码中，它是“g”元素的“id”。

希望这可以帮助你...

于 2014-09-11T08:34:45.170 回答