2

Kartograph.js で .svg マップを表示できません。これが私がやったことです：

  1. Kartographのドキュメントによると、基本的なworld.json -o world.svgを実行して、kartograph.pyでできる最も基本的なjsonファイルを使用して、.shpから.svgマップを正常に作成しました。これがjsonです：

    {
    "layers": [{
        "src": "ne_50m_admin_0_countries.shp",
        "simplify": 3
    }]
}

  2. ローカルでこれを行うことができないことを理解しているので、Python を使用して単純な http ホストをセットアップし、クロムをホストに向けました。

  3. 以下のコードを書きました。エラーは発生しないので、間違ったことはわかりません。レイヤーを入れていないということでしょうか？最初の試みとして、できるだけ簡単な例を作りたかったのです。

    <div id="map"></div>

<script>
    function loadMap() {
        var map = kartograph.map('#map');
        map.loadMap('world.svg', function() {

        });
    };
</script>
<script src="jquery-1.11.0.min.js"></script>
<script src="kartograph.js-master/dist/kartograph.js"></script>
<script src="raphael-master/raphael-min.js"></script>`

みんなありがとう。

4

1 に答える 1

4

svg ファイルのレイヤーを追加する必要があります。

この場合: map.addLayer('layer_0');

すべてのコード:

$(function() {      
    var map = kartograph.map('#map',800,600)        
    map.loadMap('world.svg', function() {       
        map.addLayer('layer_0');
    });     
});

レイヤーの名前を確認するには、 Inkspaceでsvg ファイルを開き、Shift+Control+X を押します。

于 2014-05-21T12:02:45.700 に答える