微信浏览器-公众号，实现地图定位

前段时间，再公司的要求下，做了一个类似商城的微信公众号；其中需要获取当前用户的定位，便研究了下其中的坑

我相信有很多的同行，都会自认为的以为都是微信内置浏览器，android和ios的展示效果和对于js的支持度，都是一样的。
其实不然，接下来就把我踩坑的过程告诉给大家

原来两系统对于地图的插件的支持是不一样的，比如ios系统支持–腾讯地图，android支持百度地图

直接上代码咯

//先全局设置两地图的key值，需要自己申请

var txKey = "xxxxx";   //设置腾讯地图的key
var bdKey = "xxxx";		//设置百度地图的key

///再插入渲染地图的组件，我这里用iframe

var iframe = '<iframe id="geoPage" width="0" height="0" frameborder=0 scrolling="no" src="https://apis.map.qq.com/tools/geolocation?key='+txKey+'&referer=myapp&effect=zoom" allow="geolocation" style="position:absolute;z-index:-1"></iframe>';
	$("bd_map").append(iframe);

//然后判断系统

if (/(iPhone|iPad|iPod|iOS)/i