jvector地图在iphone,ipad等触摸屏终端的使用技巧

jvectormap在iphone,ipad等触摸屏终端的使用技巧

当你有地图区域数据的需求，你可能会用到jvectormap。

????jvectormap有以下特点:

??????? 1.兼容主流浏览器（包括稀烂的IE6-8）；

??????? 2.最终地图为SVG生成的矢量图，清晰度完全没问题；

??????? 3.提供大量的世界各种地图数据；

??????? 4.支持自定义地图；

??

??? ????当你触发iphone或ipad上面的jvectormap点击事件时候，你会发现你得需要点击两次才能触发该事件；比如你第一次点击上海区域时候，上海区域只是加上背景颜色，但没有触发onRegtionClick事件，这是因为没有过滤默认的onRegtionOver事件，第一次点击只是触发onRegtionOver事件，第二次点击才能触发onRegtionClick事件；

??? 解决办法：

//判断浏览器设备var ua = navigator.userAgent.toLowerCase();     ua = ua.match(/iPad|iPhone/i);     //ua等于空则是PC端上的浏览器，可以试试打印ua的值//在jvectormap主函数参数里面加上onRegionOver: function(event, code){            if (ua!=null) {              event.preventDefault();            }},onLabelShow: function(event, label, code){            if (ua!=null) {              event.preventDefault();            }},

?转载自：http://www.web-er.net/jvectormap%E5%9C%A8iphoneipad%E7%AD%89%E8%A7%A6%E6%91%B8%E5%B1%8F%E7%BB%88%E7%AB%AF%E7%9A%84%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7/