微信小程序利用地图组件实现经纬度分析功能

本文通过一个例子告诉我们，微信小程序使用地图组件来分析经纬度。分享给大家参考，如下：

声明

Bug:页脚的详细地址在真机测试中没有出现吗？

原因：在小程序的地图组件的同一区域，地图组件的视图层高于普通的文本视图层，所以会被实时屏蔽！

解决方案：以文本视图作为封面视图，并将其放入地图中。

谢谢：谢谢Lrj _隔阂指出问题！

翻译

实施原则

1.地图组件实现定位标记或指定定位标记，并保存位置。

2.使用高德地图微信小程序开发API(getRegeo)获取当前位置或指定位置的详细描述。

WXML

view class=' map _ container ' map class=' map '经度=' { {经度}} '纬度=' { {纬度} } ' include-points=' { { points } } ' markers=' { { markers } } '/map view class=' map-tab-bar map-foot { { isShow ' ':“map-hide”} }“view class=”map-name“{ name } }/view view view class=”map-address“{ address } }/view/view/viewJS

获取当前位置的纬度和经度分辨率细节

const app=GetApp()；const AMAP=app . data . AMAP；const key=app . data . key；page({ data : { isshow : true，longitude:null，latitude:null，markers:[]，points:[]，name: ' '，address: ' '，location:'' })，OnLoad(){ var _ this=this；var myAmap=新Amap。AMapWX({ key : key })；//获取定位地址_ this . getregeo(my map)的描述数据；}，getRegeo(mya map){ var _ this=this；my map . getregeo({ icon path : '././src/images/ding.png '，width: 32，height: 32，location : _ this . data . location，success(RES){ var obj=RES[0]；if(obj){ _ this . setdata({ Longitude : obj .经度，latitude: obj .纬度，name: obj.name，address: obj.desc，points 3360[{ Longitude : obj .经度，latitude: obj .纬度}]，markers: [{ id: obj.id，latitude: obj .纬度，经度： obj。经度，图标路径： obj。图标路径，宽度： obj。宽度，高度： obj。高度}]}}}，失败(RES) {wx。showtoast ({title : '失败！'})}})})获取指定位置的经纬度分辨率详细信息

//获取输入地址//的位置//如果输入的是myamp . getinputtips({关键词： '欧尚院'， '成都'，Success (RES) {_ this。setdata ({location:res。提示[0]。location})/* * * * * * * * * * * * * * * * *。/* * * *

1.获取当前定位坐标的经纬度分析详情，直接调用高德地图API(getRegeo)，并返回默认当前坐标的详情。

2.获取指定定位坐标的经纬度分辨率详情，通过高科技地图API(getInputtips)或微信小程序API(wx.chooseLocation)获取指定位置的位置，通过高科技地图API(getRegeo)获取坐标分辨率详情。

希望本文对微信小程序的开发有所帮助。