Javascript 使用geojson文件在HighMaps中添加映射线
我正在尝试使用自定义geojson文件在HighMaps中创建人口的叶绿素图 我有两个geojson文件——第一个包含县级数据,第二个包含县内较小的城镇区域 我试图将县级边界添加到我的叶绿体地图中,类似于以下示例: 我能够用适当的颜色梯度正确绘制小区域;然而,我的地图上没有显示县边界 我的js代码如下: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
$(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调用。