問題タブ [datamaps]

ゲントと呼ばれるベルギーの都市の TopoJSON を生成しようとしています。彼らはシェープファイルを提供してくれました (ここにあります https://www.dropbox.com/s/21qv9eqez0qe0va/Gent-shapefile.zip?dl=0 )。

ただし、TopoJSON を生成することは、私にとっては難しいことです。

私はmapshaperで試しました：

}

順調に見えますが、機能していません。コマンドラインでの変換はもっと悪いです: 名前が削除されます...

私は d3 Datamaps を使用し、メルカトル図法を使用します。

残念ながら、これにより次の結果が得られます。

考え？

私はデータマップ、angularJS、Javascript を含むコードに取り組んでいます。2 つのコントローラー間でイベントを通信するために factory を使用しています。

工場は以下の通り

1つのコントローラーのホームページのパーシャルで、次のように工場データを更新しています

同様に、マウスアウトとクリックイベントで値を変更しています

別のコントローラーで、このような変更を検出しています

マウスアウトとクリックの同様のハンドル。

すべてが正常に機能し、すべてのイベントが検出されます。しかし問題は、クリックして別のパーシャルに移動し、ホームページの同じパーシャルに戻ったときに、$apply 関数がどのイベントでも機能しないことです。そのため、 $watch も他のコントローラーの変更を検出できません。

$apply 関数でコンソールにログオンしようとしましたが、$scope.$apply 関数が実行されません。パーシャルが最初に読み込まれたときに完全に実行されていました。

これは奇妙に思えますが、何が問題なのか分かりますか? 前もって感謝します。

こんにちは仲間のプログラマー！インタラクティブなワールドマップに凡例を追加しようとしていますが、失敗します。どの機能を使用する必要がありますか? 今まで、私が試したことはすべて何も表示されませんでした。どんな助けでも大歓迎です！ありがとう！

世界地図コード:

https://datamaps.github.io/に示すように、Datamaps からマップ上に円弧を描画しようとすると、

次のコードを使用して空のアークを取得し、ここに示します: http://jsfiddle.net/yausern/qbgewhss/1/

ここで何が欠けていますか？

PDS (Public Distribution System) のシミュレーションを書きました。インドの 1 つの州だけを検討しました。シミュレーションのように、在庫は地区から別の地区に移動しています。

UI の一部としてデータの視覚化を行い、動きを確認できるようにしたいと考えています。

インドの任意の州のカスタム マップを作成し、在庫の移動を表す地区間の円弧を作成できる、データの視覚化に使用できるライブラリはありますか。

ありがとうございました。

datamaps の「はじめに」ページには、ユーザーが特定の国にカーソルを合わせたときのテキストのカスタマイズに関するセクションがあります。ただし、その情報をハードコーディングすることでこれを行います。

簡単に更新できるように、外部の .json ファイルからその情報をロードしたいと思います。これどうやってするの？を設定しようとしましdataURLたが、更新する必要のない完全な topojson ファイルが必要です。どんな助けでも大歓迎です！

Angular Material タブにマップを統合しようとしています。正確には、すべてのタブのマップです。マップのレンダリングにDatamapsを使用しています。

私が取り組んだデモでペンを作りましたhttp://codepen.io/sgsvenkatesh/pen/yJbYOj

でマップの初期化をラップすると、コードは期待どおりに機能しsetTimeoutます。（上記のペンの128行目でコメントアウトしました）

以下に示すように適用すると、コードは完全に正常に機能しsetTimeoutます。

私の意見では、この問題は、Angular マテリアルのレンダリングが完了する前にデータマップがレンダリングされることが原因です。(おそらく、それが svg に幅/高さがない理由です)

レンダリングが完了した後、Angular Material はコールバックを提供しますか? そうでない場合、マテリアルのレンダリング後に発生するはずの DOM 操作をどのように実現しますか。

さらに情報が必要な場合はコメントしてください。

https://github.com/markmarkoh/datamapsには非常に優れた JavaScript ベクター マップがありますが、海の色を変更するオプションがないようです。ただし、一部のデモでは海の色が異なっていることがわかります。海の色を変えるにはどうしたらいいですか？

したがって、基本的には、Datamaps サンプル Web サイトのデフォルトのバブル マップを使用しています。

そして、私がやろうとしているのは、バブルに渡してバブルの上に直接表示するデータを取得することです。そのため、ポップアップ テンプレートdata.yieldに などを表示させるのではなく、既にバブルに表示されています。

ありがとう！！

たとえば、cssまたはその他の（js？）マーカーアニメーションで行われた脈動ドットのように、gps座標（緯度、経度）によってカスタムhtmlオブジェクトをワールドマップに追加したい