大佬教程收集整理的这篇文章主要介绍了jquery – 如何使用jVectorMap从onRegionClick回调中的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 } })
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回调的任何想法?
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,请注明来意。