jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何使用jVectorMap从onRegionClick回调中的map数组中获取状态名称?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jVectorMap插件,我试图从地图数组中获取name元素,如下所示:

$.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”设置定义:

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); });
        });
    }
});

关于如何将地图文件数组中的州名插入onRegionClick回调的任何想法?

@R_419_1964@

您需要获取地图对象的句柄,然后您可以使用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,1); });
        $('#data-title').fadeOut(200,function(){ $(this).text(map.getRegionName(codE)).fadeTo(200,1); });
    });

大佬总结

以上是大佬教程为你收集整理的jquery – 如何使用jVectorMap从onRegionClick回调中的map数组中获取状态名称?全部内容,希望文章能够帮你解决jquery – 如何使用jVectorMap从onRegionClick回调中的map数组中获取状态名称?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。