gpt4 book ai didi

jquery - 如何使用 jVectorMap 从 onRegionClick 回调内的 map 数组中获取州名称?

转载 作者:行者123 更新时间:2023-12-03 23:04:42 29 4
gpt4 key购买 nike

我正在使用 jVectorMap 插件,并且尝试从如下所示的 map 数组中获取名称元素:

$.fn.vectorMap('addMap', 'usa_en', {
"width": 959,
"height": 593,
"pathes": {
"hi": {
"path": "COORDINATES_GO_HERE",
"name": "Hawaii"
},
"ak": {
"path": "COORDINATES_GO_HERE",
"name": "Alaska"
},
"fl": {
"path": "COORDINATES_GO_HERE",
"name": "Florida"
},
...and so on for the other 47 states
}
})

插件使用以下内容启动, map 数组文件由“map”设置定义:

var myData = {"hi":0,"ak":0,"fl":0, ...and so on}

$('#us-map').vectorMap({
map: 'usa_en',
values: myData,
color: '#ccc',
onRegionClick: function(event, code){
$.get('{site_url}embeds/state_view/'+code, function(data) {
$('#data-replace').fadeOut(200,function(){ $(this).html(data).fadeTo(200,1); });
$('#data-title').fadeOut(200,function(){ $(this).text(INSERT_CLICKED_STATE_NAME_HERE).fadeTo(200,1); });
});
}
});

关于如何将 map 文件数组中的州名称插入到 onRegionClick 回调中,有什么想法吗?

最佳答案

您需要获取 map 对象的句柄,然后可以使用 getRegionName() 方法:

onRegionClick: function(event, code){
//obtain the reference to the map object
var map = $('#world-map').vectorMap('get', 'mapObject');

$.get('{site_url}embeds/state_view/'+code, function(data) {
$('#data-replace').fadeOut(200,function(){ $(this).html(data).fadeTo(200,1); });
$('#data-title').fadeOut(200, function(){ $(this).text(map.getRegionName(code)).fadeTo(200,1); });
});

关于jquery - 如何使用 jVectorMap 从 onRegionClick 回调内的 map 数组中获取州名称?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11055511/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com