我正在使用highcharts绘制气泡图，并且已经达到了根据状态代码（in / RJ）和值（1000）成功绘制气泡的某个点。
http://jsfiddle.net/voidSO/h2f4ugz4/
$(function () {
var mapData = Highcharts.geojson(Highcharts.maps['countries/in/in-all']);
var data = [{
"z": 10038,
"code": "RJ"
}, {
"z": 100,
"code": "PB"
}];
$('#container').highcharts('Map', {
chart: {
borderWidth: 1
},
title: {
text: 'World population 2010 by country'
},
subtitle: {
text: 'Demo of Highcharts map with bubbles'
},
legend: {
enabled: false
},
mapNavigation: {
enabled: true,
buttonOptions: {
verticalAlign: 'bottom'
}
},
series: [{
name: 'Countries',
mapData: mapData,
color: '#E0E0E0',
enableMouseTracking: false
}, {
type: 'mapbubble',
mapData: mapData,
name: 'Population 2010',
data: data,
joinBy: ['postal-code', 'code'],
minSize: 4,
maxSize: '12%',
tooltip: {
pointFormat: '{point.code}: {point.z} thousands'
}
}]
});
});
但是，我不想使用状态代码，而是想使用经度和纬度来制作气泡，而且我没有得到任何提示来做到这一点。
例如（RJ）拉贾斯坦邦（印度）的经纬度，经纬度为26.5727°N，73.8390°E。
您需要采取几个小步骤。首先，包括Proj4s，它可以进行坐标系转换。归结为：
<script src="http://.../proj4.js"></script>
其次，您应该将其交换mapData为如下形式：
var mapData = Highcharts.maps['countries/in/in-all'];
这样做的原因是，将其包装起来Highcharts.geojson意味着Highmaps无法将其视为来自其自身收藏的地图，并且也不允许轻松进行lat / lng转换。
最后一件事是使用经度和纬度放置气泡，如下所示：
var data = [{
"z": 10038,
"lat": 26.5727,
"lon": 73.8390
// "code": "RJ"
}, {
"z": 100,
"code": "PB"
}];
请参阅此更新的JSFiddle演示，该演示使用lat / lng表示拉贾斯坦邦（RJ）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句