小程序如何能实现类似朋友圈定位的功能（高德地图）（朋友圈定位其他城市软件）

小程序如何能实现类似朋友圈定位的功能（高德地图）（朋友圈定位其他城市软件）

本篇文章给大家带来的内容是关于小程序如何能实现类似朋友圈定位的功能（高德地图），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

说明

因项目需要，该功能类似于微信朋友圈发布时的选择位置

思路

可使用第三方地图服务商的API，根据当前位置查询POI列表，再展示在小程序的界面上

##效果：

程序员必备接口测试调试工具：立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试，同时在线协作，内容实时同步

代码实现

1、申请Key，并-核心SDK

此步参照官方说明。 高德：https://lbs.amap.com/ 百度：http://lbsyun.baidu.com/ 腾讯：https://lbs.qq.com/ 本案以高德为例。 -：https://lbs.amap.com/api/wx/download

2、设置安全通讯域名

相关代码

wxml

搜索 取消 不显示位置 {{item.name}} {{item.address}} -

js

var amapFile = require('../../utils/amap-wx.js'); var markersData = [];Page({ data: { inputShowed: false, inputVal: "", markersData: [], latitude: '', longitude: '' }, showInput: function() { this.setData({ inputShowed: true }); }, hideInput: function() { this.setData({ inputVal: "", inputShowed: false }); }, clearInput: function() { this.setData({ inputVal: "" }); }, inputTyping: function(e) { this.setData({ inputVal: e.detail.value }); }, onLoad: function(options) { var that = this; var myAmapFun = new amapFile.AMapWX({ key: '你申请的Key' }); myAmapFun.getPoiAround({ success: function(data) { markersData = data.markers; that.setData({ markersData: markersData }); }, fail: function(info) { wx.showModal({ title: info.errMsg }) } }) }})-

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。