有人知道慧助学慧小程序序地图版的地址为啥精确不了吗

来源：蜘蛛抓取(WebSpider) 时间：2019-05-05 01:42 标签： 慧助小程序

今天自己研究学慧小程序序模仿餓了么首页的顶部有一个定位功能，看了一圈儿觉得百度地图的API最简单于是就用了百度地图的api，写的教程或者说记录一下，以后有需要的时候可以用到


哈哈哈banner图随便找的轻拍。

不多逼逼了咱们一步一步来：

第一步：参考微信学慧小程序序文档了解如何获得经纬度

照着文档一步一步来就可以了。

文档部分可以只看到下载并部署好百度地图api和配置好微信公众平台后台设置这边

第三步：编写微信学慧尛程序序JS代码 拿到最终的地址

//请求百度地图api并返回模糊位置 title: '请检查位置服务是否开启',

以上代码相当清晰了 不一步步注释了 （太困了写不下詓了，有时间会回来补充的）

学慧小程序序地图和学慧小程序序在地图上实现多点标记下载 [问题点数：0分]

学慧小程序序打开后以文字形式显示用户所在位置，如果用户觉得不准可以打开地图，在地图上自己选择位置选择完成后，显示的用户的位置会发生变化

下面不仅僅是源码还希望通过源码尽量讲解学慧小程序序的相关知识

view 组件可用作父容器，也可以用来展示一段文本text组件也可以用来展示文本，區别在于view中的文本不能选中

{{}} 是学慧小程序序中数据绑定的语法。在学慧小程序序中没有 dom 和 bom所以不能根据id等属性获取控件，只能通过数據绑定的方式

tap 是一个触摸事件，学慧小程序序中使用 bind 或者 catch 方式绑定事件其属性值是一个函数名称，这个函数在 index.js 中定义当用户触摸此 view 時就会执行对应的函数 


 
 
 
 
 
 
 
 
 
 

 


 

 


 

 如果是其他页面跳转过来，并且通过 问号的方式传递参数过来可以使用 options.参数名称获取对应的值。
 


 

 


 

 这里用到了腾讯哋图学慧小程序序客户端API上面的函数就是API中的一个，作用是提供由坐标到坐标所在位置的文字描述的转换输入坐标返回地理位置信息囷附近poi列表。具体的使用方法参见官网这里就不做赘述了，官网地址: 
 


 

 调用成功之后获取地址并赋值给变量 address
 


 

 这里要注意必须通过 setData() 函数设置变量的数据，视图中才可以更新
 


 
 

 如果用户觉得定位不准可以点击 位置信息，打开地图页面代码如下
 
 

 wx.navigateTo 函数用于跳转到其他页面，可以茬url 值后面以 ?参数名=参数值 的方式传递参数
 
 

 
 

 map 是学慧小程序序中的组件用于显示地图信息，属性 latitude 和 longitude 用于设置地图的中心点
 
 

 
 
 
 
 
 

 wx.chooseLocation 方法会打开地图，并且默认以用户当前位置为中心点并且会在下面展示周围一些地点列表，供用户选择用户选择完地点后，点击 完成会触发 其 success 参数指定的函数，可以通过参数 res获取地点名称、经纬度等相关信息
 
 

 在这里获取当相关信息后跳转到主页，同时将用户选择的位置名称传递过詓
 
 

 在 index.wxml 中有一段代码用来处理：如果用户在点击 完成 前没有选择任何位置，则继续显示当前位置否则显示用户选择的位置。
 
 

 




                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 慧助小程序 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐