mapnikベクトルタイルと未処理geojsonパフォーマンス

Question

> 2s120 MB geojsonファイルをprotobuf〜Mapnikベクタータイルノードバインディングに変換する処理時間が発生しています。 200の下ミリを取る生geosjonファイルを提供するもう一方の端に

。

正常ですか？はいの場合、ベクトルタイルをgeojson（ここではmapbox-gl-jsと表示しています）以上で表示する点は何ですか？ここで

は、私のコードの抜粋です：

// Load GeoJson into memory 

var fs = require("fs"); 
var content = JSON.parse(fs.readFileSync("us_counties.json")); 


// Initialise Mapnik and mercator object 

mapnik.register_default_fonts(); 
mapnik.register_default_input_plugins(); 

var mercator = new SphericalMercator({ 
    size: 256 
}); 

// Vector Tile Router 

router.get('/:z/:x/:y.pbf', function(req, res) { 

    var bbox = mercator.bbox(
    +req.params.x, 
    +req.params.y, 
    +req.params.z, 
    false, 
    '4326' 
); 

    // Convert GEOJSON to protobuf VectorTile and Serve 

    var vtile = new mapnik.VectorTile(+req.params.z, +req.params.x, +req.params.y) 
    vtile.addGeoJSON(JSON.stringify(content), 'fixture_layer') 

    res.setHeader('Content-Encoding', 'deflate') 
    res.setHeader('Content-Type', 'application/x-protobuf') 


    zlib.deflate(vtile.getData(), function(err, pbf) { 
    res.send(pbf); 
    }) 
}); 

Answer 1

にGeoJSONとベクトルタイルそれぞれがMapbox GLのためのデータ形式として、長所と短所を持っています。

• ベクトルタイルはにGeoJSON以上の前処理を必要と
ベクトルタイルがタイルでダウンロードすることができ、一方にGeoJSONは、ビューポートを埋めるために、必要に応じて（それがオープンストリートマップのすべてをダウンロードすることは不可能に近いだろう全体をダウンロードする必要があります
• 単一X00 GBにGeoJSONとして！）
• にGeoJSONは、クライアント側に変更することができる一方、ベクトルタイルできない
• にGeoJSONベクトルタイルが

ないのに対し、人間が読み取り可能ですGeoJSONがあなたのために働いているなら、私はそれを使用することをお勧めします！ユーザーが120 MBをすばやくダウンロードできない場合があることに注意してください。

Answer 2

ベクタータイルは無損失ではありません。ベクタータイルは、グリッドを交差させてコーナーを丸くしてジオメトリを単純化します。だからここで問題が起きます。ベクタータイルのポリゴンの一部が正しく描画されません。 この問題は、私の小包を使用できないようにするため、常に注意しなければなりません。

マップボックスGLタグでサポートされている2番目のベクタータイル、Googleマップ、オープンリーフ、リーフレット、ビンマップ、マップクエストなどでサポートされているgeojson .... mapbox js。

あなたがにGeoJSONのパフォーマンスを心配している場合、ここでのソリューションです：

サーバ側で、プロトコルバッファバイナリフォーマットに（エンコード）にGeoJSONをシリアル化するために、geobufを使用し、それが元にGeoJSONサイズの20％に圧縮します。 120MB-geojson- 20MB geobuf。

20MBのgeobufをサーバーからインターネット経由でクライアントのブラウザに転送すると、 geobuf（javascript lib）を再度使用してgeojsonにデコードします。

ブラウワーでは、これはあなたにロスレスとクイックレスポンス溶液を得....グーグルマップ、ビングマップ、openlayer、リーフレットなどと直接

をレンダリングするにGeoJSON。