問題タブ [topojson]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
4751 参照

d3.js - d3を使用してtopojsonレイヤーをリーフレットに表示するにはどうすればよいですか?

過去 2 日間、Leaflet で非常に単純なマップを作成しようとしてきましたが、壁にぶつかっています。

以前の geoJSON ファイルから作成された 2 つのレイヤーを含む topoJSON ファイルがあります。米国の 5 つの州の郵便番号と、5 つの州のポリゴンです。

これらをリーフレットに表示したいのですが、郵便番号レイヤーのファイル サイズが小さいため、geoJSON の代わりに topoJSON を使用することが重要です。

問題は、topoJSON ファイル内の小さな状態レイヤーでさえ地図上に表示することができないことです。私は Web で多くの例を見て、Mike Bostock の例に従いました: https://github.com/mbostock/bost.ocks.org/blob/gh-pages/mike/leaflet/index.html#L131-171 .

d3だけを使用してファイルをWebブラウザに表示できるので、ファイルは問題ありません。スクリプトで topojson.feature メソッドと一緒に topoJSON の v1 を使用しています。コードは以下のとおりです。topoJSONファイルは公開できませんが、以前d3で使ったことがあるので問題ないと思います。誰かがスクリプトの異常を見つけられたら、それは素晴らしいことです。

ありがとう。

0 投票する
1 に答える
1480 参照

d3.js - d3.geo.tile を使用したポイントのプロット

この例では、コードを拡張しています。

http://bl.ocks.org/mbostock/5914438

しかし、ズームに統合できるように、このマップにポイントを配置する方法がわかりません。パスは正常に機能しますが、変更された投影を使用してポイントの座標を投影することはできないようです。ズームされた関数では、ポイントを含む要素に適用すると、transform() への scale() の追加がスケーリングされるようですポイントが非常に大きいため、画面全体に表示されます。ここに私の追加のポイントがあります:

そして、これが zoomed() の関数です:

サイトの個々の要素でもこれを試しましたが、成功しませんでした。geo.tile にポイントを配置する例はありますか?

0 投票する
2 に答える
1741 参照

node.js - ubuntuにtopojsonをインストールする際の問題

私は、Mike Bostock の Let's Make a Map チュートリアルhttp://bost.ocks.org/mike/map/に従って topojson をインストールしようとしましたが、Node.js と npm の最新バージョンを取得できたと思います。$which ogr2ogr も同様に機能します。私はプログラミングと Ubuntu にまったく慣れていないので、 npm install topojson -g で次のエラーが発生する理由について、徹底的な助けを心から感謝します。sudo で同じコマンドを試すと、次のようなエラーが発生します: npm ERR! json および gyp の解析中にレジストリ エラーが発生しました ERR! スタック エラー: ノードの「前」バージョンをインストールできません。代わりに --nodedir フラグを使用してください

ありがとう!

0 投票する
1 に答える
228 参照

d3.js - 地理的領域とラスター ファイルからポリゴンを取得するワークフローはどれですか?

ヨーロッパに対応する TIFF ファイルが与えられ、形状の等高線に変換されます。

France に対応する定義されたエリアが与えられた場合:

gdal で定義した領域とジオメトリが交差するフィーチャのみを取得するにはどうすればよいですか?

0 投票する
1 に答える
1031 参照

makefile - make: *** ターゲットにするルールはありませんか? 「mystepN」で必要な「file.ext」。止まる

私は、分離されたときにコンソールでそれぞれが完全に機能するコマンドをいくつか持っています。作業を楽にするために、それらをまとめてメイクファイルにしました。

それでも、メイクファイル内にある場合、次のエラーが発生します。

このエラーはどういう意味ですか? それを機能させる方法は?小さなタイプミスをしましたか?

0 投票する
1 に答える
3747 参照

d3.js - topojson を使用した米国の郵便番号のマッピング エラー

米国の郵便番号 topojson ファイルをロードした後、d3.js でエラーが発生します。groupdataこの行では定義されていません:

次のエラーがあります:

パスを呼び出して作成している私のコードは次のとおりです。

このリポジトリから zipcode topojson ファイルを生成しました: https://github.com/mbostock/us-atlas。ロード時にトポロジ オブジェクトを調べると、topology.objects.zipcodes の下に 32893 個のアークが表示されます。

クロロプレスの例http://bl.ocks.org/mbostock/4060606で郡を正常にロードし、それと同様のパターンを使用しています。

d3.js バージョン 3.2.8 と topojson.js バージョン 1.2.3 を使用しています。

何か案は?それは悪いzipcodeファイルですか、それとも間違って呼んでいますか?

0 投票する
2 に答える
5355 参照

d3.js - D3js: 地形図を設計するには?

標高データを含む GIS ラスターが与えられた場合、D3js で地形図を設計する方法は?

D3js を使用して作成された耕作地のレリーフ/地形図の例はありますか?


機能しない:成功しない可能性を探りました.tif > gdal_contour.py > .shp > topojson > d3js

すべてのコマンドを含むメイクファイルを使用します。私の関心のある地域 (フランス) は陸域の一部であるため、このgdal_contour.pyアプローチでは、閉じたポリゴンを作成しない壊れたアイソラインが生成されます。また、SVG の最終結果は失敗します。私が知っている D3 地形図の唯一の例は、島としてこの問題を回避するアイスランドに関するものです。

ここに画像の説明を入力

注: このプロジェクトは #Wikipedia #wikimaps プロジェクトの一部です。