我正在尝试使用自定义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],
随后是该县及其后县的剩余预测。
有人可以帮忙吗?
提前致谢。
答案 0 :(得分:1)
我实际上是自己解决了 - 这个问题就是调用包含geojson数据的javascript文件,而不是直接调用geojson文件。