微信JS-SDK坐标位置如何转换为百度地图坐标
编程学习 2021-07-04 19:59www.dzhlxh.cn编程入门
这篇文章主要介绍了微信JS-SDK坐标位置如何转换为百度地图坐标 的相关资料，感兴趣的小伙伴们可以参考一下
微信JS-SDK开发过程中，使用getLocation获取坐标位置，如何将微信获取的坐标直接应用到百度地图中，显示以下效果：
说明：红色图标是从微信转换过来的位置，蓝色图标是周边位置。首先从微信开发流程讲解。
1、微信JS-SDK开发文档
首先进入官网的帮助文档：
可对文档进行详细的研读，要获取位置信息，分以下步骤：
第一步：绑定域名
进入微信公众号，找到“公众号设置”菜单，进入“功能设置”面板，
点击“设置”可设置引用js的相关域名：
第二步：引用官方js类库
在需要调用JS接口的页面引入如下JS文件，（支持https）： 。
引用页面是location.aspx，如下：
<%@ Page Title="获取位置" Language="C#" AutoEventWireup="true" MasterPageFile="~/wxcrm/Site.Master" CodeFile="location.aspx.cs" Inherits="DTcms.Web.wxcrm.location" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphHead" runat="server">
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
$("#mask").show();
wx.config({
debug: false, //开启调试模式，如为true，则弹出每个js函数调用情况
appId: '<%= ResultJsData.GetValue("appid") %>', //必填，公众号的唯一标识
timestamp: <%= ResultJsData.GetValue("timestamp") %>, //必填，生成签名的时间戳
nonceStr: '<%= ResultJsData.GetValue("noncestr") %>', //必填，生成签名的随机串
signature: '<%= ResultJsData.GetValue("signature") %>', //必填，签名
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'hideMenuItems',
'showMenuItems',
'hideAllNonBaseMenuItem',
'showAllNonBaseMenuItem',
'translateVoice',
'startRecord',
'stopRecord',
'onRecordEnd',
'playVoice',
'pauseVoice',
'stopVoice',
'uploadVoice',
'downloadVoice',
'chooseImage',
'previewImage',
'uploadImage',
'downloadImage',
'getNetworkType',
'openLocation',
'getLocation',
'hideOptionMenu',
'showOptionMenu',
'closeWindow',
'scanQRCode',
'chooseWXPay',
'openProductSpecificView',
'addCard',
'chooseCard',
'openCard'
]
});
wx.ready(function(){
wx.checkJsApi({
jsApiList: [
'getNetworkType',
'previewImage',
'getLocation'
],
success: function (res) {
}
});
wx.getLocation({
type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
success: function (res) {
try {
var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
var speed = res.speed; // 速度，以米/每秒计
var accuracy = res.accuracy; // 位置精度
//alert(JsonUti.convertToString(res));
//wx.openLocation({
// latitude: res.latitude, // 纬度，浮点数，范围为90 ~ -90
// longitude: res.longitude, // 经度，浮点数，范围为180 ~ -180。
// name: '当前位置', // 位置名
// address: '点击查看', // 地址详情说明
// scale: 28, // 地图缩放级别,整形值,范围从1~28。默认为最大
// infoUrl: "location1.aspx?m=Home&c=Index&a=getlocation&latitude="+latitude+"&longitude="+longitude // 在查看位置界面底部显示的超链接,可点击跳转
/