微信小程序使用map组件实现解析经纬度功能示例-创新互联

本文实例讲述了微信小程序使用map组件实现解析经纬度功能。分享给大家供大家参考，具体如下：

声明

bug： 页脚的详细地址在真机测试是会出现不显示问题？

造成原因：在小程序map组件的同一区域，map组件的视图层比普通的文本视图层要高，所以在真机会遮挡！

解决办法：将该文本视图采用cover-view，放在map中。

感谢： 感谢Lrj_estranged指出问题！

效果图

实现原理

1. map组件实现定位标记或者指定定位标记，并保存location。

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

WXML

 
 
  {{name}}
  {{address}}
 

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。