Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用geojson文件在HighMaps中添加映射线_Javascript_Highcharts_Geojson_Highmaps_Choropleth - Fatal编程技术网

Javascript 使用geojson文件在HighMaps中添加映射线

Javascript 使用geojson文件在HighMaps中添加映射线,javascript,highcharts,geojson,highmaps,choropleth,Javascript,Highcharts,Geojson,Highmaps,Choropleth,我正在尝试使用自定义geojson文件在HighMaps中创建人口的叶绿素图 我有两个geojson文件——第一个包含县级数据,第二个包含县内较小的城镇区域 我试图将县级边界添加到我的叶绿体地图中,类似于以下示例: 我能够用适当的颜色梯度正确绘制小区域;然而,我的地图上没有显示县边界 我的js代码如下: $(function() { $.getJSON('population.json', function(data) { $.getJSON('smaller_areas.geojs

我正在尝试使用自定义geojson文件在HighMaps中创建人口的叶绿素图

我有两个geojson文件——第一个包含县级数据,第二个包含县内较小的城镇区域

我试图将县级边界添加到我的叶绿体地图中,类似于以下示例:

我能够用适当的颜色梯度正确绘制小区域;然而,我的地图上没有显示县边界

我的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系列的“data”命令,因为我正在从geojson文件读取数据;然而,我不知道如何做到这一点

县数据的geojson如下所示: { “类型”:“FeatureCollection”, “crs”:{“类型”:“名称”,“属性”:{“名称”urn:ogc:def:crs:EPSG::3857”}, “特点”:[ {“类型”:“特征”,“属性”:{“COUNTYNAME”:“Leitrim”},“几何”:{“类型”:“多多边形”,“坐标”:[[[[-925332.1353,7260461.4174],-925231.9477,7260212.372],-925020.4407,7260020.804],-924719.8781,7259925.0218],-924597.4266,7259886.7092]

接下来是该县和后续县的剩余预测

有人能帮忙吗


提前感谢。

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

数据应该以小写字母开头。你能在jsfiddle/codepen/等上重新创建这个问题吗?你可以粘贴json内容,这样它就不会使用ajax调用。