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 = "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，跳往不同的下载地址，亲测有效。。

javascript唤醒腾讯地图相关推荐

H5 唤醒腾讯地图百度地图并导航
该功能基于微信js 详细demo:http://203.195.235.76/jssdk/ 说明文档:https://mp.weixin.qq.com/wiki?t=resource/res_main ...
腾讯地图API的应用
腾讯地图JavaScript API的应用目录前言正文注册腾讯位置服务账号设置秘钥获取秘钥腾讯地图的开发文档腾讯地图的JavaScript API 腾讯地图demo 总结前言随着社 ...
腾讯地图微信小程序JavaScript SDK
简介腾讯位置服务为微信小程序提供了基础的标点能力.线和圆的绘制接口等地图组件和位置展示.地图选点等地图API位置服务能力支持,使得开发者可以自由地实现自己的微信小程序产品. 在此基础上,腾讯位置服务 ...
html5获取当前位置的api腾讯地图,腾讯地图JavaScript API调用
腾讯地图JavaScript API调用 1.加载地图 API 页面直接引入 https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4 ...
uniapp 之定位当前位置（uni.getLocation，腾讯地图，javascript）
第一种 uniapp uniapp 封装的方法可以拿到城,市,县,经纬度. 实例: //获取位置GetLOcation: function() {var that = this;uni.getLoca ...
腾讯地图Javascript API GL
1. 介绍腾讯位置服务在多平台为开发者提供了丰富的地图展现形式,帮助从属于不同领域的开发人员轻松完成构建地图并在其基础上打造专属内容的工作.同时配合海量数据.个性化定制.可视化等能力满足各个行业场景 ...
uniapp 小程序唤醒高德地图或腾讯地图进行导航
uniapp 小程序唤醒高德地图或腾讯地图进行导航 methods: {mapFun(){uni.openLocation({latitude: 29.58832234563708,//纬度longi ...
腾讯地图javascript API实现地图模糊搜索标记，经纬度输入及点击双向定位
// 模板部分 <el-row><el-col :span="1"><el-form-itemlabel="腾讯坐标"/>& ...
小程序获取城市行政区号_小程序中通过经纬度如何获取所在省市区名字（腾讯地图JavaScript SDK）...
在小程序中通过经纬度来获取所在省市区名字,这个功能还是挺有意思的,小程序中竟然不直接返回所在省市区,只提供经纬度,还需要腾讯地图来获取,还是有点小坑的,不注意的话很容易出问题.废话不多说,请看下文. ...

javascript唤醒腾讯地图

javascript移动端唤醒腾讯地图App

javascript唤醒腾讯地图相关推荐

最新文章

热门文章