1

私はhtml5キャンバス要素（ここに表示されている例）を使用していくつかのマップとアニメーションに取り組んでいます。ジオメトリに基づいて、理想的にはPostGISからピクセル値のラインストリング（x1、y1、x2、y2）を効率的に生成できるようにしたいと思います。キャンバスの。つまり、pseudo-geojsonでは：

"Coordinates":"[[-122.0, 35.0], [-121.0, 36.0]]"

関数が100pxのcanvas-widthパラメータを渡した場合に出力される可能性があります。

"Pixels":"[[30, 40],[50,60]]"

最終的に次のようなURLを有効にします。

www.example.com/canvas_size:200/box_width:3-miles/center_point:lon|lat

したがって、これは動的に実行する必要があると思います。他の人はこのようなことにどのように取り組んできましたか？私は、全世界を20,000,000ピクセルのキャンバスとして扱い、事前に変換されたデータをピクセル形式で保存し、クライアント側の演算でオフセットすることを思いついたのです。私の最初の考えから遠く離れたアプローチを含め、どんな提案も歓迎します。Cartagenでこれが行われるかどうか、またはどのように行われるかを知っている人は、ライブラリまたは関数へのポインタを1つか2ついただければ幸いです。

4

1 に答える 1

2

ピクセルがキャンバスの高さと幅に適応するこのコードを試してください。

function getPoint(latitude, longitude, canvas_width, canvas_height) {
            var obj = {};
            obj.x = (latitude * canvas_height / 180.0) + (canvas_height / 2);
            obj.y = (longitude * canvas_width / 360.0) + (canvas_width / 2);
            return obj;
        }
于 2010-10-12T10:25:40.510 に答える