使用geojson文件在HighMaps中添加Maplines

时间:2016-11-19 15:50:04

标签: javascript highcharts geojson highmaps choropleth

我正在尝试使用自定义geojson文件在HighMaps中创建一个人口氯映射图。

我有2个geojson文件 - 第一个包含县级数据,第二个包含县内包含的较小的城镇地区。

我正在尝试将县级边界添加到我的绿色植物地图中,类似于此示例: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
          }]
        });
      });
    });
  });
});

我假设我需要修改数据'由于我正在读取geojson文件,因此maplines系列的命令;但是我不知道该怎么做。

我对县数据的geojson如下所示:        {        "输入":" FeatureCollection",        " crs":{" type":" name"," properties":{" name" "瓮:OGC:DEF:CRS:EPSG :: 3857" },     "功能":[     {"输入":"功能","属性":{" COUNTYNAME":" Leitrim"},&# 34;几何":{"类型":" MultiPolygon","坐标":[[[[-925332.1353,7260461.4174],[ - 925231.9477,7260212.372 ],[ - 925020.4407,7260020.804],[ - 924719.8781,7259925.0218],[ - 924597.4266,7259886.7092],

随后是该县及其后县的剩余预测。

有人可以帮忙吗?

提前致谢。

1 个答案:

答案 0 :(得分:1)

我实际上是自己解决了 - 这个问题就是调用包含geojson数据的javascript文件,而不是直接调用geojson文件。