我目前正在处理由devexpress的chartJS生成的矢量地图。为了使地图在地图中生成标记,需要从JSON对象获取值。如果变量在jquery函数中是硬编码的,我可以显示这些标记。按照与其他工作图表类似的步骤,我将json值从ajax调用传递给函数中的markers
,但我没有在地图中显示任何标记。我阅读了FULL文档但无法使用它。如何通过ajax调用加载标记值?
地图
$.getJSON('../graph_json/location.php', function(dataSource) {
$('#acadamy_by_state').dxVectorMap({
mapData: DevExpress.viz.map.sources.usa,
//dataSource: dataSource,
markers: dataSource,
bounds: {
minLon: -135,
maxLon: -65,
minLat: 20,
maxLat: 60
},
zoomFactor: 1.25,
background: {
color: 'paleturquoise'
},
areaSettings: {
customize: function (area) {
if (jQuery.inArray(area.attributes.name, mostPopulatedStates) != -1) {
return {
color: 'forestgreen'
}
}
}
},
markerSettings: {
customize: function (m) {
return {
text: m.attributes.name
}
}
}
})
});
});
graph_json / location.php
[{
coordinates: [-121.2808, 38.3320],
attributes: {
name: 'Sacramento'
}
}, {
coordinates: [-97.75, 30.25],
attributes: {
name: 'Austin'
}
}];