javascript唤醒腾讯地图
javascript移动端唤醒腾讯地图App
刚做到一个功能,功能需求是要做到手机端访问一个页面,1.限制页面只能在微信进入才能够访问 2.在页面可以实现打开外部腾讯地图,如果检测到用户没有下载腾讯地图,则跳转到下载页面。
功能还是比较简单的。首先,先获取浏览器的userAgent进行正则匹配。以下一段代码即可实现,此处我直接禁止了其他所有非微信端的访问.
var useragent = navigator.userAgent;if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') {// alert阻塞当前页面继续加载alert('已禁止本次访问:您必须使用微信内置浏览器访问本页面!');// 强行关闭当前页面var opened = window.open('about:blank', '_self');opened.opener = null;opened.close();}
如果要判断用户是iOS还是Android可以通过以下的代码进行判断。
var isAndroid = useragent.indexOf('Android') > -1 || useragent.indexOf('Adr') > -1; //android终端var isiOS = !!useragent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
完成了判断之后,就要实现唤醒腾讯地图的功能了。直接上代码。。
var mapUrl_tx = "=coord:"+goto_lat+","+goto_lon+";title:"+goto_orgName+";addr:"+goto_orgAddress+"&referer=yellowpage";console.log("mapUrl_tx"+mapUrl_tx);// 腾讯地图window.open(mapUrl_tx);
解释一下参数,goto_lat是前往目标的经度,goto_lon是前往目标的纬度,goto_orgName是前往目标的名称,goto_orgAddress是前往目标的具体地址信息。简单的方法就是直接打开这个新的页面mapUrl_tx ,页面内会自带判断用户是否是iOS或者是Android,跳往不同的下载地址,亲测有效。。
javascript唤醒腾讯地图
javascript移动端唤醒腾讯地图App
刚做到一个功能,功能需求是要做到手机端访问一个页面,1.限制页面只能在微信进入才能够访问 2.在页面可以实现打开外部腾讯地图,如果检测到用户没有下载腾讯地图,则跳转到下载页面。
功能还是比较简单的。首先,先获取浏览器的userAgent进行正则匹配。以下一段代码即可实现,此处我直接禁止了其他所有非微信端的访问.
var useragent = navigator.userAgent;if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') {// alert阻塞当前页面继续加载alert('已禁止本次访问:您必须使用微信内置浏览器访问本页面!');// 强行关闭当前页面var opened = window.open('about:blank', '_self');opened.opener = null;opened.close();}
如果要判断用户是iOS还是Android可以通过以下的代码进行判断。
var isAndroid = useragent.indexOf('Android') > -1 || useragent.indexOf('Adr') > -1; //android终端var isiOS = !!useragent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
完成了判断之后,就要实现唤醒腾讯地图的功能了。直接上代码。。
var mapUrl_tx = "=coord:"+goto_lat+","+goto_lon+";title:"+goto_orgName+";addr:"+goto_orgAddress+"&referer=yellowpage";console.log("mapUrl_tx"+mapUrl_tx);// 腾讯地图window.open(mapUrl_tx);
解释一下参数,goto_lat是前往目标的经度,goto_lon是前往目标的纬度,goto_orgName是前往目标的名称,goto_orgAddress是前往目标的具体地址信息。简单的方法就是直接打开这个新的页面mapUrl_tx ,页面内会自带判断用户是否是iOS或者是Android,跳往不同的下载地址,亲测有效。。