問題タブ [polymaps]

マップを作成するためにPolymaps.jsライブラリを使用しています。レイヤーのズーム レベルの変化を観察できると非常に便利です。メートル単位の値でスケーリングされたポイントのレイヤーを維持しようとしているため、ズームレベルが変更されるたびに半径を再計算する必要があります。

データセットはドロップボックス アカウントでホストされていますが、それを呼び出す Javascript ファイルではホストされていません。データを視覚化するために D3 と Polymaps を使用していますが、「XMLHttpRequest はhttps://www.dropbox.com/s/89adzt973quosda/solaruse.jsonを読み込めません。No 'Access-Control-Allow-Origin 」というエラーが表示されます。 ' 要求されたリソースにヘッダーが存在します。したがって、オリジン 'null' はアクセスできません。" （ドロップボックスファイルへのリンクが機能するので、見てみることができます）

JSONファイルをロードするために使用したコードは次のとおりです（サイトをローカルで開発しています）。この時点から何をすべきか正確にはわかりません。

ポリマップを使用して表示したい kml ファイルがあります。データは NREL Solar Resource Map からのものです。kmz ファイルとして、Google マップと地球ではそれぞれ非常にうまく表示されますが、polymaps/d3 環境への読み込みに問題があります。これについて正確にどうすればよいか誰かが知っていますか？

必要に応じて詳細を投稿できます

私は、D3、Polymaps、およびデータ全体を操作するのにまだかなり慣れていません。私は、d3 と polymaps を使用して、全国の太陽光発電所の場所とサイズを表示することに取り組んできました。マップ上の各円は、特定の経度/緯度、および各発電所のエーカー単位のサイズ (json ファイルから取得) に対応しています。

私には2つの問題があります（また、ツールチップの作成と円のスケールの設定に関するドキュメントとチュートリアルを見てきました）。

• ズーム レベルに関係なく、円のサイズは同じままです。
• 各円にカーソルを合わせるかクリックすると、テキスト ラベルがツールチップとして表示されるようにしたいと思います。(現在、任意の円にカーソルを合わせると、各場所のすべてのテキストが表示されます)

現在の状態のビジュアライゼーションへのリンクは次のとおりです http://www.tijaniogunlende.com/dataviz/index.html

これらは、私が取り入れようとしたチュートリアル/コードです (ほとんど成功しませんでした) Simple Tooltip、Tooltip with Jquery Tipsy、SVG Geometry Zooming、およびK-means Clustering

コードに実装してみるまでは、どれもかなり単純に見えます。私は D3 とポリマップの基本的な理解を持っていますが、これで壁にぶつかったことを認めなければなりません。

ヘルプ/ガイダンスをいただければ幸いです。

ここに私のコードがあります:

angularjs アプリ内に polymaps マップを追加しようとしています。

Javascript は角度ビュー内の要素に setAttribute できませんか?

私のhtmlは次のようになります：

基本的な polymaps コードは次のとおりです。

これは角度があると思います。回避策はありますか？

サークルが緑に変わるのに青にならない理由を誰か教えてもらえますか? 関連するかどうかはわかりませんが、これはポリマップ上の D3 です。

d3.js を使用して、プロットされた点の間に線を引こうとしています。

サンプル geojson (3 つの LineString の FeatureCollection): https://www.dropbox.com/s/hgkdvbnrgmb6kak/test.geojson?dl=0

完全な既存のコード: https://www.dropbox.com/s/49820rs561vneti/test.html?dl=0

私が問題を抱えているコードチャンク:

円は表示されていますが、それらを結ぶ線は表示されていません。

どんな助けでも大歓迎です！