2016-11-19 7 views
2

私は、カスタムgeojsonファイルを使用してHighMapsにクロクルプラストの人口マップを作成しようとしています。geojsonファイルを使用してハイマップにMaplinesを追加する

私は2つのgeojsonファイルを持っています。最初のファイルには郡レベルのデータが含まれ、2番目のファイルには郡内に含まれる小さな町のエリアが含まれています。

私は、次の例のように、私のchloroplethマップに郡レベルの境界線を追加しようとしています:http://www.highcharts.com/maps/demo/us-counties

私は、適切な色のグラデーションで正しくプロットする小さな領域を取得することができています。郡の境界線が私の地図に表示されていません。

私のjsのコードは以下の通りです:私は私が原因私はにGeoJSONファイルから読んでいます実際にmaplinesシリーズの「データ」コマンドを変更する必要がありますと仮定しています

$(function() { 

    $.getJSON('population.json', function(data) { 

    $.getJSON('smaller_areas.geojson', function(geojson) { 

    $.getJSON('counties.geojson', function(maplines){ 


    // Initiate the chart 
    Highcharts.mapChart('container', { 
    chart: { 

        width: 600, 
       borderWidth: 1 
      }, 

    title: { 
     text: 'Population' 
    }, 

    legend: { 

       title: { 
        text: 'Crime Rates', 
        style: { 
         color: (Highcharts.theme && Highcharts.theme.textColor) || 'black' 
        } 
       }, 
       align: 'right', 
       verticalAlign: 'top', 
       floating: true, 
       layout: 'vertical', 
       valueDecimals: 0, 
       backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || 'rgba(255, 255, 255, 0.85)', 
       symbolRadius: 0, 
       symbolHeight: 14 
      }, 

     mapNavigation: { 
     enabled: true, 
     enableDoubleClickZoomTo: true 
     }, 

     colorAxis: { 
      min: 1, 
      type: 'logarithmic', 
      minColor: '#EEEEFF', 
      maxColor: '#000022', 
      stops: [ 
       [0, '#EFEFFF'], 
       [0.67, '#4444FF'], 
       [1, '#000022'] 
      ] 
     }, 

     series: [{ 
     data: data, 
     mapData: geojson, 
     joinBy: ['GEOGID', 'GEOGID'], 
     name: 'Population', 
     tooltip: { 
      pointFormat: '{point.Name}: {point.value}' 
     } 
     }, 
     { 
       type: 'mapline', 
       name: 'County Borders', 
       Data: maplines, 
       color: 'black', 
       lineWidth: 10 
      }] 
     }); 
     }); 
    }); 
    }); 
}); 

。しかし、私はこれを行う方法がわかりません。

郡のデータのための私にGeoJSONは、次のようになります。 { "タイプ": "れるFeatureCollection"、 "CRS":{ "タイプ": "名前"、 "プロパティ":{ "名前"「URN: {"COUNTYNAME": "Leitrim"}、 "geometry":{"type: 「タイプ」:「マルチポリゴン」、「座標」:[[-925332.1353,7260461.4174]、[-925231.9477,7260212.372]、[-925020.4407,7260020.804]、[-924719.8781,7229925.0218]、[-924597.4266,7259886.7092]、

に続き、その郡およびその後の郡の残りの予測が続きます。

誰でも手助けできますか?

ありがとうございます。

+0

データは小文字で始まる必要があります。 jsfiddle/codepen/etcの問題を再現できますか?あなたはjson contectを貼り付けることができますので、ajax呼び出しを使用しません。 – morganfree

答えて

1

私は実際に自分で解決しました。これは、geojsonファイルを直接呼び出すのではなく、geojsonデータを含むjavascriptファイルを呼び出すことです。

関連する問題