問題タブ [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.
d3.js - d3.js: ドットから発する同心円のマップ
数か月間 d3.js から離れていました...そして、他の誰かが始めた機能を備えた単純な米国の地図を継承しました。
機能は、さまざまなサイズの単純なドットで表されます。
マイク・ボストックによる古典的なオニオンの例に似た、各ドットに発散する同心円を追加したい: http://bl.ocks.org/mbostock/4503672 (それほど不吉な見た目ではないかもしれません)
ここにブロックを設定しました: http://bl.ocks.org/mbostock/4503672
(状態がブロックで正しくレンダリングされない理由はわかりませんが、おそらく問題にはなりません。)
マイクの例では点が 1 つしかないので、彼が行ったことを私が得たもの (多くの点) に変換する方法を理解するのに苦労しています。
これが私のスクリプトです：
リングを作成するためのマイクの例の重要な部分は次のとおりです。
リングをドットに配置するにはどうすればよいですか?
d3.js - 170 か国の d3.js topojson ベースのコロロプレス マップ。選択時に特定の国の地図を表示
郡/州レベルで 170 か国の d3.js topojson ベースのクロロプレス マップに、注文/収益/売上などを表示する必要があります。ユーザーはドロップダウンから国を選択でき、対応する国のクロロプレス マップが表示されます。
このhttp://bl.ocks.org/thedod/4548858と同様に 170 か国で実装する必要があります。この html を Java j2ee プロジェクトの jsf ページに統合します。
- ユーザーがドロップダウンから国を選択したときに、170 個の topojson ファイルを作成し、オンデマンドでロードする必要がありますか?
- 既製のデータベースはありますか。国の名前/コードを渡すだけで、その国のtopojsonとadmin2の詳細が返されます。
解決策/より良い方法を教えてください。オープンソースのJavaベースのテクノロジー/ライブラリのみが必要です。
javascript - d3js でマップ上のレイヤーの順序を制御する方法
d3js を使用したマップの作成について簡単な質問があります。2 つのレイヤーでマップを作成したいと考えています。1 つのレイヤーは地図の等高線 (geoJson) で、もう 1 つのレイヤーには道路 (topoJson) が含まれます。私の問題は、コードでどちらが前に書かれているかに関係なく、道路レイヤーが常に等高線のレイヤーの前にロードされることです。私は反対の状況を望みます: 通りの前の等高線レイヤー。この問題は、両方のリクエストが非同期であり、最も軽いために輪郭レイヤーが前にロードされるために発生すると思います。
これがコードです...
最初に道路のレイヤーをロードし、道路が描画されるまで待ってから輪郭のレイヤーをロードすることは可能ですか? 前もって感謝します。
javascript - D3 で多層マップを作成する
topjson を使用して D3 マップをロードし、マップの色付けに使用するデータを含む別の CSV ファイルに結合しようとしています。複数のレイヤーを切り替えることはできますが、毎回マップを再描画する必要はありません。これを行う方法の手がかりを求めてボードを精査しましたが、理解できないようです。誰でも助けを提供できますか？
途中で CSV を動的に編集したい場合に備えて、CSV と JSON データを分けておきたいと思います。関連するクラスを一度に各国に追加するか、ユーザーが 3 つのボタンを切り替えるときにクラスを追加および削除したいと考えています。どちらも私にとってはうまくいきますが、それを行う方法がわかりません。
ここに私のコードのjfiddleがあります：http://jsfiddle.net/2H7Pm/ただし、JSONにいくつかの構文の問題があるようです。
ただし、サンプル マップは私の github で動作します: http://newamericafoundation.github.io/worldofdrones/
助けてくれてありがとう！
d3.js - 特定の状態を ID で topjson ファイルから分離するにはどうすればよいですか?
私は D3 を使用して米国の地図を作成し、それを下院選挙区に重ねています。始めるにあたって、Mike Bostock のチュートリアルのコードの多くを使用しました。現在、ユーザーが選択されたときに 1 つの状態のみを表示できるようにしようとしています。彼のズームの例を試してみましたが、うまくいきません。マイクの us.json ファイルを使用しています (不要な郡データを削除した後)。D3 を使用してそのファイルを特定の状態のみで解析するにはどうすればよいですか。各状態には ID が関連付けられていることがわかります。例えば...
{"type":"Topology","objects":{"states":{"type":"GeometryCollection","geometries":[{"type":"MultiPolygon","id":2,"arcs":[[[9426]],[[9427]],
id は状態の fips コードであると仮定します。
これは、D3 のデータム関数を使用した私のコードのスニペットです。ご覧のとおり、状態 ID を正常に取得しています。