使用geojson文件在HighMaps中添加Maplines

我試圖使用自定義geojson文件在HighMaps中創建人口的chloropleth地圖。使用geojson文件在HighMaps中添加Maplines

我有2個geojson文件 - 第一個包含縣級數據，第二個包含縣內包含的較小的城鎮地區。

我想縣級邊框添加到我的類似於此示例chloropleth地圖：http://www.highcharts.com/maps/demo/us-counties

我能夠得到的小區域用適當的顏色漸變正確打印;但是我的地圖上沒有出現縣界線。

我的js代碼如下：

$(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 
      }] 
     }); 
     }); 
    }); 
    }); 
});

我假設，我將需要修改的maplines系列的「數據」命令，由於我來自一個GeoJSON的文件中讀取的事實;但我不知道如何做到這一點。

我爲縣數據以GeoJSON看起來是這樣的： { 「類型」：「的FeatureCollection」，「CRS」：{ 「類型」：「名字」，「屬性」：{ 「名稱」爲「urn： ogc：def：crs：EPSG :: 3857「}}，」features「：[ {」type「：」Feature「，」properties「：{」COUNTYNAME「：」Leitrim「}，」geometry「類型「：」MultiPolygon「，」coordinates「：[[[[-925332.1353,7260461.4174]，[-925231.9477,7260212.372]，[-925020.4407,7260020.804]，[-924719.8781,7259925.0218]，[-924597.4266,7259886.7092]，

其次是該縣及其後縣的其餘預測。

任何人都可以幫忙嗎？

在此先感謝。

來源

2016-11-19 Maeve90

數據應以小寫字母開頭。你可以在jsfiddle/codepen/etc上重新創建問題嗎？你可以粘貼json contect，這樣它就不會使用ajax調用。 – morganfree

我實際上自己解決了它 - 這個技巧是調用包含geojson數據的JavaScript文件，而不是直接調用geojson文件。

來源

2016-11-26 12:07:01 Maeve90

使用geojson文件在HighMaps中添加Maplines

回答

相關問題