无限引擎，虚空战士
微信接入js-sdk-获取地理位置，打开微信内置地图
1.第一步当然是已经正确接入了微信并且配置好了回调安全域名。不会的朋友可以看看
引用微信js-sdk,
，然后通过config接口注入权限验证配置。先在自己的服务器上写个获取数据的接口：
* 获取页面需要的配置信息的参数
* @param request
* @param url
@ResponseBody
@RequestMapping(value = "getJsTicket")
public Map&String, Object& getWeJsTicket(HttpServletRequest request, String url) {
Map&String, Object& map = new HashMap&String, Object&();
// 获取微信signature
WxJsapiSignature sin = wxMpService.createJsapiSignature(url);
map.put("appId", configStorage.getAppId());
map.put("timestamp", sin.getTimestamp());
map.put("nonceStr", sin.getNonceStr());
map.put("signature", sin.getSignature());
} catch (Exception e) {
this.logger.error(e.getMessage());
3.在引用了jweixin-1.0.0.js的页面里配置wx.config的验证（反正我把相关代码独立到单独的js文件里不行，不知为何），用ajax方式请求上面提供的url获得相关验证消息，然后再调用we.config方法去向微信服务器做验证：
function configWx() {
var thisPageUrl = location.href.split('#')[0];
var json = {
url : thisPageUrl
var ajaxHelper = new AjaxHelper()
ajaxHelper.get("../weixin/getJsTicket", json, function(data) {
if (data != null) {
configWeiXin(data.appId, data.timestamp, data.nonceStr,
data.signature);
console.log("配置weixin jsapi失败");
}, function() {
console.log("配置请求错误");
function configWeiXin(appId, timestamp, nonceStr, signature) {
wx.config({
debug : true,// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId : appId,
timestamp : timestamp,
nonceStr : nonceStr,
signature : signature,
jsApiList : [ 'chooseImage', 'uploadImage', 'downloadImage',
'previewImage', 'openLocation', 'getLocation',
'scanQRCode', 'checkJsApi', 'onMenuShareTimeline',
'onMenuShareAppMessage', 'onMenuShareQQ',
'onMenuShareWeibo', 'onMenuShareQZone' ]
注意jsApiList里配的权限。其它权限可从https://mp.weixin.qq.com/wiki/7/aaa137b55fb2e48dd613f.html#.E4.BD.BF.E7.94.A8.E5.BE.AE.E4.BF.A1.E5.86.85.E7.BD.AE.E5.9C.B0.E5.9B.BE.E6.9F.A5.E7.9C.8B.E4.BD.8D.E7.BD.AE.E6.8E.A5.E5.8F.A3
config接口注入权限验证配置完成。
测试号也可以使用地理位置功能,且微信是能使用alert(“”)弹出框的。
WGS84：为一种大地坐标系，也是目前广泛使用的GPS全球卫星定位系统使用的坐标系。
GCJ02：又称火星坐标系，是由中国国家测绘局制订的地理信息系统的坐标系统。由WGS84坐标系经加密后的坐标系
BD09：为百度坐标系，在GCJ02坐标系基础上再次加密。其中bd09ll表示百度经纬度坐标，bd09mc表示百度墨卡托米制坐标。
2个js方法：
使用微信内置地图查看位置接口
wx.openLocation({
latitude: 0, // 纬度，浮点数，范围为90 ~ -90
longitude: 0, // 经度，浮点数，范围为180 ~ -180。
name: '', // 位置名
address: '', // 地址详情说明
scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大
infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
});获取地理位置接口：
wx.getLocation({
type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
success: function (res) {
var latitude = res. // 纬度，浮点数，范围为90 ~ -90
var longitude = res. // 经度，浮点数，范围为180 ~ -180。
var speed = res. // 速度，以米/每秒计
var accuracy = res. // 位置精度
});一般我们如下使用：
function getLocation() {
wx.getLocation({
type : 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
success : function(res) {
//使用微信内置地图查看位置接口
wx.openLocation({
latitude : res.latitude, // 纬度，浮点数，范围为90 ~ -90
longitude : res.longitude, // 经度，浮点数，范围为180 ~ -180。
name : '我的位置', // 位置名
address : '329创业者社区', // 地址详情说明
scale : 28, // 地图缩放级别,整形值,范围从1~28。默认为最大
infoUrl : 'http://www.gongjuji.net' // 在查看位置界面底部显示的超链接,可点击跳转（测试好像不可用）
cancel : function(res) {
先通过getLocation方式获取 到当前的经纬度，然后再将经纬度传给openLocation.
注意：jsApiList里若没配置openLocation和getLocation权限会报
getLocation方法用于获得当前的经纬度，openLocation用于打开微信内置地图显示详情。比如现在的地图如下：
没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！经验2010 米
在线时间14 小时
版本V8.5.4.0.MBGCNED
积分 2023, 距离下一级还需 -23 积分
积分 2023, 距离下一级还需 -23 积分
机型小米手机5SPlus
MIUI版本V8.5.4.0.MBGCNED
我只下载高德地图，为什么微信位置定位只能用腾讯地图？求解。
分享到微信朋友圈
打开微信，点击底部的“发现”，使用 “扫一扫” 即可将网页分享到我的朋友圈。
经验18178 米
在线时间3161 小时
版本8.4.28
机型小米手机8
签到次数31
MIUI版本8.4.28
微信定位默认腾讯地图，但可以手动选择手机上安装的高德、百度地图
经验1745 米
在线时间57 小时
版本8.3.15
机型小米手机6
签到次数53
MIUI版本8.3.15
自家软件肯定默认自家地图啊
经验2010 米
在线时间14 小时
版本V8.5.4.0.MBGCNED
积分 2023, 距离下一级还需 -23 积分
积分 2023, 距离下一级还需 -23 积分
机型小米手机5SPlus
MIUI版本V8.5.4.0.MBGCNED
微信定位默认腾讯地图，但可以手动选择手机上安装的高德、百度地图
求教，怎么操作
在线时间0 小时
积分 32, 距离下一级还需 18 积分
积分 32, 距离下一级还需 18 积分
这个什么意思啊！只能用腾讯地图，唉！人家发定位还必须用腾讯，这不是霸王条款吗？下次绝对不能在买小米手机了
经验293 米
在线时间59 小时
版本8.6.21
积分 334, 距离下一级还需 166 积分
积分 334, 距离下一级还需 166 积分
机型小米MIX2
签到次数27
MIUI版本8.6.21
通过手机发布
抗体结构 发表于
这个什么意思啊！只能用腾讯地图，唉！人家发定位还必须用腾讯，这不是霸王条款吗？下次绝对不能在买小米手 ...
关小米什么事，是腾讯的问题
感恩节勋章
参与回帖活动
MIUI 9纪念勋章
“澎湃S1 ”芯片纪念勋章
参与活动回帖可得
MIUI 10专属勋章
参加回帖活动
2018新年勋章
参与回帖活动
2017圣诞节勋章
参与回帖活动
MIUI3亿用户纪念勋章
参与回帖活动
万圣节勋章
参加回帖活动
米兔月饼勋章
参加回帖活动
MIUI七夕鹊桥勋章
MIUI七周年
小米7周年勋章
2017米粉节晒单赢专属勋章
参与红米Note 4X活动
已关注微信
关注新浪微博
已关注新浪微博
小米众筹2周年
参加回帖活动
新版论坛APP
更新新版APP
Copyright (C) 2017 MIUI
京ICP备号 | 京公网安备34号 | 京ICP证110507号支持微信位置信息的地图是百度地图吗？_百度知道
支持微信位置信息的地图是百度地图吗？
支持微信位置信息的地图是百度地图吗？
我有更好的答案
打开手机微信软件，输入账号和密码进行登录。登录后，点击下方的【发现】图标，再点击上方的【朋友圈】图标。在弹出的界面，点击手机屏幕右上角的【照相机】 图标，然后根据自己的需求选择上传的照片。照片上传完以后，点击【所在位置】。在弹出的页面输入逗地理名称地（比如：百度知道），然后点击搜索。提示找不到位置，接下来点击【创建新的位置】。在弹出的窗口输入相关信息，然后点击上方的【完成】。再回到朋友圈，就可以看到自己刚才发布的地理位置显示的是逗百度知道地了，当然也可以设置成其他地方。
采纳率：52%
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。微信×奔驰把手机地图甩到车载屏幕上
稿源：站长之家用户
即日起，“微信互联”功能在全新梅赛德斯-奔驰长轴距E级车中启用，驾乘该车型的用户，可以将收到的微信好友地图位置直接“甩”到车载大屏幕上，免去了手机屏幕导航尴尬，全面提高了驾乘的舒适度和安全感。
据悉，去年九月，微信互联的此项服务已在奔驰GLE运动SUV上进行了首次试水，未来还将在奔驰其他车系上提供，其他品牌的汽车也将陆续接入此项体验。
绑定“我的车”地图“甩”屏上
人们平时开车导航常用到“车载地图”功能，但是传统的车载地图操作复杂，很多人就不得不用手机来代替车载屏幕进行导航，但在行车途中使用这种方式存在安全隐患。而“微信互联”的甩屏功能为解决此用户痛点提供了一条有效途径。
用户只要通过“腾讯我的车”服务号绑定车辆，就可以将目标位置直接发送至车载屏幕上，实现从小屏到大屏的瞬间跳转。对于微信好友发过来的实时定位，也可以在聊天窗口一键同步到车载屏幕上。
此外，人们还可以将指定地点设置为“兴趣点”进行收藏，并在“微信互联”的窗口列表中查看，有需要时即可实现快速导航。
甩屏地图具体操作流程如下：
Step1：扫描车上二维码，绑定“腾讯我的车”
Step2：点击右下角“十字”，发送位置至车载屏幕，即可成功导航
Step3:对好友发送的实时位置，可一键同步至车载屏幕
Step4：可将常用地点设置为兴趣点进行下载
更多品牌车主也将能享受甩屏体验
众所周知，微信硬件平台是微信在连接人、连接企业和服务之后，推出的连接硬件设备的物联网解决方案。通过微信互联功能，微信已经深入到了空调、玩具、家居、电视等多个行业，接入厂商十几万，连接设备超过4000万台，涉及了人们生活的方方面面。
微信互联的功能是建立在微信账号体系之上的，也就是说，用户绑定之后，不仅可以安全有效地管理设备，还可以通过微信ID获取精确的服务。商家可以根据用户数据了解到用户对设备的使用状况，包括硬件的工作状态、折旧程度以及是否需要维修养护等。
微信相关业务负责人表示，此次微信互联车载服务接入奔驰车系，不仅为微信互联与汽车行业结合提供了范例，也为今后汽车行业实现硬件智能化全面物联奠定了基础。目前已经有多个汽车品牌与微信在洽谈此项服务合作，相信不久的将来，更多车主将能通过微信实现轻松车载甩屏，约上好友，说走就走。
本文由站长之家传媒平台（ ）分发，站长之家传媒平台旨为企业提供"全方位"的互联网品牌推广营销服务！目前，平台已经上线自助软文投放系统，对接直编、出稿更快速、价格实惠，还能获取“免费”的自媒体分发资源（头条号、百家号、搜狐号、网易号等）。
免责声明：本文为企业推广稿件，发布本文的目的在于推广其产品或服务，站长之家发布此文仅为传递信息，不代表站长之家赞同其观点，不对对内容真实性负责，仅供用户参考之用，不构成任何投资、使用等行为的建议。请读者使用之前核实真实性，以及可能存在的风险，任何后果均由读者自行承担。
有好的文章希望站长之家帮助分享推广，猛戳这里
本网页浏览已超过3分钟，点击关闭或灰色背景，即可回到网页　　最近在开发微信时，遇到微信导航的需求，第一思路就是通过微信获得用户的经纬坐标，然后把坐标扔给腾讯地图的API,搞定，结果定位总出现几条街的偏差，在网上查资料，用百度地图的有，但是用腾讯地图的却没找到现成的，经过自己的摸索，现在总结下，自己技术积累，也方便有需要之人。有不足之处，望指出。
首先微信获取地理位置（如何获取这里不敷衍了），要注意这个是异步过程。
其次微信返回的坐标系和腾讯地图的坐标系不是一个回事（自家的产品还搞两套东西，真不知道腾讯怎么想的），如果要微信的坐标在腾讯地图上准确显示，还得经过转换的步骤。这里转换前提知道微信是什么的坐标系，经过测试发现微信用的搜狗经纬度。网上有人说微信根据安卓或IOS分别提供谷歌和GPS的坐标系，经测试并没有那么回事。
背景已说明，以下看代码。
1 &div class="contain"&
&div class="form-group"&
&label for="start"class="col-md-3 control-label"&起点&/label&
&div class="col-md-4"&
&select id="start" class="form-control" onchange="calcPlan();"&
&option id="nowPoint" value=""&我的位置&/option&
&div class="form-group"&
&label for="end" class="col-md-3 control-label"&店铺&/label&
&div class="col-md-4"&
&select id="end" class="form-control" onchange="calcPlan();"&&/select&
@*&b&换乘策略：&/b&
&select id="policy" style="display:" onchange="calcPlan();"&
&option value="LEAST_TIME"&较快捷
&option value="LEAST_TRANSFER"&少换乘
&option value="LEAST_WALKING"&少步行
&option value="NO_SUBWAY"&不坐地铁
&button class="btn btn-primary" id="Navigate"&导航&/button&*@
&div class="lsbContent" id="mapContainer"&
&div class="lsbContent" id="plans"&
第三方插件自然少不了文件的引用
1 &script src="~/Scripts/jquery-1.8.3.min.js"&&/script&
&script charset="utf-8" src="~/Scripts/Map/qqApi/js.js"&&/script&
&script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&libraries=convertor"&&/script&
微信获取地理位置代码
1 wx.getLocation({
success: function (data) {
qq.maps.convertor.translate(new qq.maps.LatLng(data.latitude, data.longitude), 2, function(res) {
latlng = res[0];
fn(latlng.lng,latlng.lat);//实际处理逻辑
注：需求关键点是在qq.maps.convertor.translate坐标转换，第二个参数就是服务商坐标系的类型，具体可以参考腾讯地图官网
这里是2，代表搜狗经纬度，其实经测试其实此处1：GPS经纬度也是等到相同的结果。
在看导航jS代码
var transferService = new qq.maps.TransferService({
//location: "广州",
complete: function (result) {
result = result.
var start = result.start,
end = result.
var anchor = new qq.maps.Point(6, 6),
size = new qq.maps.Size(24, 36),
start_icon = new qq.maps.MarkerImage('/Content/Image/Map/busmarker.png', size),
end_icon = new qq.maps.MarkerImage('/Content/Image/Map/busmarker.png', size, new qq.maps.Point(24, 0), anchor);
start_marker && start_marker.setMap(null);
end_marker && end_marker.setMap(null);
start_marker = new qq.maps.Marker({
icon: start_icon,
position: start.latLng,
end_marker = new qq.maps.Marker({
icon: end_icon,
position: end.latLng,
transfer_plans = result.
var plans_desc = [];
for (var i = 0; i & transfer_plans. i++) {
//plan desc.
var p_attributes = ['onclick="renderPlan(' + i + ')"', 'onmouseover=this.style.background="#eee"', 'onmouseout=this.style.background="#fff"', 'style="margin-top:-4cursor:pointer"'].join(' ');
plans_desc.push('&p ' + p_attributes + '&&b&方案' + (i + 1) + '.&/b&');
var actions = transfer_plans[i].
for (var j = 0; j & actions. j++) {
var action = actions[j],
action.type == qq.maps.TransferActionType.BUS && (img_position = '-38px 0px');
action.type == qq.maps.TransferActionType.SUBWAY && (img_position = '-57px 0px');
action.type == qq.maps.TransferActionType.WALK && (img_position = '-76px 0px');
var action_img = '&span style="margin-bottom: -4' + 'display:inline-background:url(/Content/Image/Map/busicon.png) ' + 'no-repeat ' + img_position + ';width:19height:19px"&&/span&&&';
plans_desc.push(action_img + action.instructions);
//方案文本描述
document.getElementById('plans').innerHTML = plans_desc.join('&br&&br&');
//渲染到地图上
renderPlan(0);
function InitMap(lng, lat) {
map = new qq.maps.Map(document.getElementById("mapContainer"), {
// 地图的中心地理坐标。
center: new qq.maps.LatLng(lat, lng)
//calcPlan();
function GetMyLnglatCallback(lng, lat) {
InitMap(lng, lat);
$("#nowPoint").attr("value", lng + "," + lat);
InitShopSelectItem()//加载店铺下拉控件数据
calcPlan();
//调用calcPlan用来判断出行方式
function calcPlan() {
var start_name = document.getElementById("start").value.split(",");
var end_name = document.getElementById("end").value.split(",");
//var policy = document.getElementById("policy").
transferService.search(new qq.maps.LatLng(start_name[1], start_name[0]), new qq.maps.LatLng(end_name[1], end_name[0]));
//switch (policy) {
case "较快捷":
transferService.setPolicy(qq.maps.TransferActionType.LEAST_TIME);
case "少换乘":
transferService.setPolicy(qq.maps.TransferActionType.LEAST_TRANSFER);
case "少步行":
transferService.setPolicy(qq.maps.TransferActionType.LEAST_WALKING);
console.log(1);
case "不坐地铁":
transferService.setPolicy(qq.maps.TransferActionType.NO_SUBWAY);
//清除地图上的marker
function clearOverlay(overlays) {
while (overlay = overlays.pop()) {
overlay.setMap(null);
function renderPlan(index) {
var plan = transfer_plans[index],
lines = plan.lines,
walks = plan.walks,
stations = plan.
map.fitBounds(plan.bounds);
clearOverlay(station_markers);
clearOverlay(transfer_lines);
clearOverlay(walk_lines);
var anchor = new qq.maps.Point(6, 6),
size = new qq.maps.Size(24, 36),
bus_icon = new qq.maps.MarkerImage('/Content/Image/Map/busmarker.png', size, new qq.maps.Point(48, 0), anchor),
subway_icon = new qq.maps.MarkerImage('/Content/Image/Map/busmarker.png', size, new qq.maps.Point(72, 0), anchor);
//draw station marker
for (var j = 0; j & stations. j++) {
var station = stations[j];
if (station.type == qq.maps.PoiType.SUBWAY_STATION) {
var station_icon = subway_
var station_icon = bus_
var station_marker = new qq.maps.Marker({
icon: station_icon,
position: station.latLng,
station_markers.push(station_marker);
//draw bus line
for (var j = 0; j & lines. j++) {
var line = lines[j];
var polyline = new qq.maps.Polyline({
path: line.path,
strokeColor: '#3893F9',
strokeWeight: 6,
transfer_lines.push(polyline);
//draw walk line
for (var j = 0; j & walks. j++) {
var walk = walks[j];
var polyline = new qq.maps.Polyline({
path: walk.path,
strokeColor: '#3FD2A3',
strokeWeight: 6,
walk_lines.push(polyline);
function InitShopSelectItem()
//初始化店铺下拉数据
至此导航开发完毕。
阅读(...) 评论() &