博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
百度小程序-map组件定位
阅读量:5332 次
发布时间:2019-06-14

本文共 1938 字,大约阅读时间需要 6 分钟。

给客户开发一个百度小程序,有个地图定位显示。百度小程序内置的api地图是不准的,通过百度一下,查询到坐标偏移算法公式,自己项目中使用,手机测试坐标已经正常显示!

经纬度,通过百度坐标拾取器拾取到!

.swan文件

.js文件

1 Page({ 2     data: { 3         longitude: '120.93032', 4         latitude: '30.804545', 5         markers: [] 6     }, 7     onLoad: function () { 8         // 监听页面加载的生命周期函数 9         this.Map_Fn();10     },11     onReady: function () {12         // 监听页面初次渲染完成的生命周期函数13         this.mapContext = swan.createMapContext('myMap');14     },15     onShow: function () {16         // 监听页面显示的生命周期函数17     },18     onHide: function () {19         // 监听页面隐藏的生命周期函数20     },21     onUnload: function () {22         // 监听页面卸载的生命周期函数23     },24     onPullDownRefresh: function () {25         // 监听用户下拉动作26     },27     onReachBottom: function () {28         // 页面上拉触底事件的处理函数29     },30     onShareAppMessage: function () {31         // 用户点击右上角转发32     },33     Map_Fn: function () {34         let pi = 3.14159265358979324 * 3000.0 / 180.0;35         let x = this.data.longitude - 0.0065;36         let y = this.data.latitude - 0.006;37         let z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * pi);38         let theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * pi);39         this.setData({40             longitude: z * Math.cos(theta),41             latitude: z * Math.sin(theta),42             markers: [43                 {44                     id: '1',45                     latitude: z * Math.sin(theta),46                     longitude: z * Math.cos(theta),47                     iconPath: '/images/api_logo.png',48                     callout: {49                         display: 'ALWAYS',50                         content: '嘉善新西塘孔雀城1'51                     }//真机里显示52                 }53             ]54         });55         console.log("计算过后的经度"+x);56         console.log("计算过后的纬度"+y);57     }58 });

参考网址:https://blog.csdn.net/coolypf/article/details/8569813

转载于:https://www.cnblogs.com/suni1024/p/10955150.html

你可能感兴趣的文章
[译]Javascript数列filter方法
查看>>
使用极酷阳光播放器做流媒体播放并不暴露视频地址
查看>>
XamarinAndroid组件教程设置动画的时长参数
查看>>
Visual Studio 2019更新到16.1.4
查看>>
μC/OS-II 信号量集
查看>>
Xamarin提示安装包错误解决办法
查看>>
AutoCompleteTextView的用法
查看>>
keepalive专题
查看>>
WebServer
查看>>
Dubbo源码分析:Invoker
查看>>
Leetcode 1. Two Sum
查看>>
Leetcode 111. Minimum Depth of Binary Tree
查看>>
saltstack学习-6:文件系统
查看>>
**leetcode笔记--4 Sum of Two Integers
查看>>
SSM命名规范框架
查看>>
2018.10.25 bzoj4350: 括号序列再战猪猪侠(区间dp)
查看>>
JXU1NDRBJXU0RTJBJXU1MjJCJXU1NDI3
查看>>
程序集与托管模块的概念(转)
查看>>
网站seo怎么做
查看>>
并发编程之队列
查看>>