json - 要求されたリソースに 'Access-Control-Allow-Origin' ヘッダーが存在しません JSON ファイルのロード中にエラーが発生しました

Question

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

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

var po = org.polymaps;
        //Create map object, append to #map
        var map = po.map()
            .container(d3.select("#map").append("svg").node())
            .zoom(4)
            .add(po.interact());
        // Add the CloudMade image tiles as a base layer…
        map.add(po.image()
            .url(po.url("http://{S}tile.cloudmade.com"
            + "/1a1b06b230af4efdbb989ea99e9841af" // http://cloudmade.com/register
            + "/998/256/{Z}/{X}/{Y}.png")
            .hosts(["a.", "b.", "c.", ""])));
        // Add the compass control on top.
        map.add(po.compass()
            .pan("none"));
        // Add the custom locations/acres
        d3.json("https://www.dropbox.com/s/89adzt973quosda/solaruse.json", function(data){
            // Insert layer beneath the compass.
            var layer = d3.select("#map svg").insert("svg:g", ".compass");
            // Add an svg:g for each Name.
            var marker = layer.selectAll("g")
                .data(d3.entries(data))
                .enter().append("svg:g")
                .attr("transform", transform);
            // Adding the circles
            marker.append("svg:circle")
            //function scraping the acres from the dataset
            .attr()
        });