javascript唤醒腾讯地图

最新推荐文章于 2024-08-07 09:41:56 发布

哎呦喂超超。

最新推荐文章于 2024-08-07 09:41:56 发布

阅读量2.5k

点赞数

分类专栏：网页开发文章标签： javascript 唤醒App 腾讯地图

本文链接：https://blog.csdn.net/harry_yaya/article/details/89035641

版权

网页开发专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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 = "http://apis.map.qq.com/uri/v1/marker?marker=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，跳往不同的下载地址，亲测有效。。