問題タブ [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.
css - リーフレット: タイル、geojson、マーカー、ポリラインのペインの整理
レイヤーを正しく並べ替えるのに苦労しています。
http://fiddle.jshell.net/zw8TR/6/
通常のタイル (Mapbox 経由)、Google マップ タイル、Geojson (Topojson から変換) 世界地図ポリゴン、マーカー、ポリラインなど、いくつかの異なるレイヤーを含むマップがあります。
問題は Google マップのタイルから始まります。通常のタイルよりも z-index が高く、マーカー/ポリラインが他のすべてを覆い隠しています。これをCSSで修正しました。
(余談: 私の経験では、これは意味がありません。z-index は継承されるため、親の z-index が 1 の場合、子は z-index 1 以外のものを持つことはできません。 child of.leaflet-google-layer
のインライン z-index は 0 であり、実際のタイル (子である) の z-index は 200+ であり、これはブラウザーで受け入れられているように見えます.なぜそれが起こっているのかわかりません.z-インラインで追加された場合、インデックスは継承されませんか?)
次に、デフォルトでは、Leaflet はgeoJson
ポリゴンをオーバーレイ レイヤーに配置します。内部には、マップに合わせてパンとズームを行う SVG があります (いいですね!)。ただし、ポリラインも同じ SVG の上部に追加され、ベクター マップによって隠されています。SVG には次のインライン属性があります - style="transform: translate3d(...);"
。これにより 3D が強制されるため、z-index は問題を解決するために機能しなくなりました。
レイヤを DOM に追加する方法を制御したいと考えています。私の geoJson ベクター マップ (および可能であれば Google マップ タイル) は、.leaflet-tile-pane
div に追加することにより、Tile レイヤーと一緒に配置する必要があります。このデモに従って「ペイン」を手動で追加しようとしましたが、エラーが発生しました(私のフィドルの19行目):
また
メソッドを削除すると。これは、作成しようとしているレイヤーがタイル レイヤーではないためだと思われますが、修正方法がわかりません。
結局のところ、私は知ってうれしいです.geoJsonレイヤーを.leaflet-overlay-pane
??から取り出すにはどうすればよいですか?
macos - Topojson のインストール中にエラーが多発 -- contextify? node-gyp 再構築? 他のスレッドが機能しない Lion 10.7.5
更新:このように解決:
1. @salem が言ったように、contextify をインストールする必要がありました。
- 次に
sudo npm install -g topojson
、Xcode ライセンス契約に同意する必要があるというエラーをスローしました。必要なコマンドもスローされたので、それを実行してからudo npm install -g topojson
もう一度 s を試したところ、うまくいきました!
問題:
だから、私はエラーがたくさん出ています:
sudo npm install -g topojson
他のスレッドで解決策が見つかりませんでした。
Xcodeは正しいですか?Xcode 4.6.2 を使用していますが、アップデートすると次のエラーが表示されます。「Xcode [5] can't be installed on “Macintosh HD” because Mac OS X version 10.8.4 or later.」
node と npm は問題ないようです…どちらも node --help と npm --help 2a でヘルプを吐き出します。node-v0.10.24-darwin-x86.tar を使用して、ノードを削除してから再インストールしようとしました。私はこれが何であるかについて非常に不明確ですが。
これはログの終わりです:
ログ全体はこちら: http://greencracker.net/wp-content/uploads/2013/12/error.txt
どう思いますか?
json - Topojson コマンド ライン -- いくつかのジオメトリと「ミスマッチ」を取り除く 外部プロパティで
編集/更新 - エラーメッセージがわかりませんでしたが、新しい日、もう一度やり直してください。この投稿は役に立ちました:プロパティを topojson ファイルに追加する方法?
結婚する方法はこれでした、2番目の名前を追加します
ジョージア州のすべての郡を表示する素敵な topojson があります。読み込み、正常に表示されます。shpescape.comで.shpから変換しました
しかし!私はそれをいくつかの外部プロパティ、.csv に保存されている各郡の卒業率とブレンドしたいと考えています。そこで、コマンドラインで topojson を試しています。
GaCountiesTopo.json には NAME というフィールドがあります。データは大文字です。counties.csv には NAME というフィールドがあります。データは大文字です。
私はこれを試しました:
そして、これを得ました:
そのようなファイルまたはディレクトリ「NAME」はありませんか? これは私の側の構文エラーですか? または、何らかの理由でフィールド名「NAME」が 1 対 1 で一致していない可能性はありますか? それとも、.csv に対応するものがない .json のどこかに孤独な郡があるのでしょうか? 159郡!
うーん..多分私の入力であるCountiesTopo.jsonが台無しになってしまったのでしょうか? それでは、何が起こるかを確認するために、これを試してみましょう。
output.json を d3 コードに再度差し込むと、必要最小限の地図が得られました。ジョージア州の概要だけで、郡はありません!
うーん… topojson をもっと調べるために、元の .shp を変換してみませんか?
私に与えます:
私の入力に何か問題がありますか?FWIW 米国勢調査のトラのシェイプ ファイルです。
どう思いますか?.csv を .json に結合するにはどうすればよいですか?
ありがとう!
javascript - TopoJSON の緯度と経度のポイントが米国の地図に表示されないのはなぜですか?
TopoJSON を使用して、米国の地図上にポイントをプロットしています。私のデータは正しくフォーマットされており、すべてがロードされ、状態が表示されていると思います...しかし、ポイントがありません。コンソールにエラーはありません。これが私のスクリプトです:
そして私のデータは次のようになります:
繰り返しますが、エラーは発生しません。機能しません。
javascript - D3 TopoJSON マップ上のポイントのサイズを動的に変更する
次のコードを使用して、D3 を使用して TopoJSON マップにポイントをプロットしました。
の値に基づいてこれらのポイントのサイズをd.commodity_text.
調整しようとしています。ありがとう。
d3.js - 国コードの境界を含むd3マップ
私は基本的に、Let's Make a Map チュートリアルhttp://bost.ocks.org/mike/map/に従って世界地図を作成しています。チュートリアルのように海岸線と陸地の境界を区別し、国コードを各境界のクラスとして追加して、国が強調表示されたときに塗りつぶしと線の色の両方が変更されるようにします。これは世界地図なので、手動で行うには国が多すぎますが、これを動的に行う方法がわかりません。
私のコードの関連部分は次のとおりです。
ただし、これを行うと、海岸線 (および地上の境界線) が 1 つのパスとして作成されるため、たとえば日本の海岸線を別の色に変更することはできません。これを達成する方法はありますか?
javascript - D3 TopoJSON マップのデータ ソースを更新する
現在、ボタンが押されたときにマップ上のポイントが再プロットされるように、TopoJson マップのデータ ソースを更新しようとしています/ updateData() 関数が呼び出されます。
これが私のコードです:
現在、変数「g」で遷移関数を呼び出していますが、ここからどこに進むべきかわかりません。どんな助けでも大歓迎です。ありがとうございました。
node.js - contextify のインストール中にエラーが発生しました - node-gyp の再構築に失敗しました
編集
ノードをアップグレードし、「npm install -g contextify」を実行しました。正常にインストールされたように見えますが (エラーはありません)、「which contextify」と入力しても何も返されません。contextify のインストール中のメッセージ:
オリジナル
npm での contextify のインストールに問題があります。
次のエラー メッセージが表示されます。
ここで何が起こっているか知っている人はいますか?私の PYTHON PATH と何か関係があるかもしれないと読みましたが、どのように見えるべきかわかりません。
助けてくれてありがとう。
c++ - C++ の TopoJSON または GeoJSON ベクター タイル
C++でTopoJSON/GeoJSONを使いたいです。私は独自のタイル クライアントを作成しており、png を Topo JSON タイルに置き換えたいと考えています。問題は、C++ での TopoJSON/GeoJson タイル パーサーの例とこれらの使用方法が見つからないことです。
私はここでしかProtobufの代替を見つけることができません: https://github.com/mapbox/mapnik-vector-tile
d3.js - D3.js : 新しい topojson を描画し、古いものを削除する
私はd3.js
初めてですが、topojsonファイルを描画し、中心に配置してスケールを計算できました(明らかに、stackoverflowのいくつかの質問と回答を使用しています)。今、私は表示を変更したい、topojson
つまり、実際のものを削除し、新しいものを読み込んで表示します。
新しいものをロードできますが、表示されません。エラーで私を助けてもらえますか?
前もって感謝します