微信小程序基于高德地图查找位置并显示文字


Posted in Javascript onOctober 30, 2019

这篇文章主要介绍了微信小程序基于高德地图查找位置并显示文字,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.根据经纬度在 地图上查找定位

var key = app.globalData.amapKey;
var myAmapFun = new amapFile.AMapWX({ key: key });
myAmapFun.getRegeo({
iconPath: "../../assets/marker_checked.png",

iconWidth: 22,

iconHeight: 32,

success: function (data) {


that.setData({



markers: [{




latitude: that.data.gdlatitude,




longitude: that.data.gdlongitude,



}],



latitude: that.data.gdlatitude,



longitude: that.data.gdlongitude


});

},

fail: function (info) {

}
})

2.地图显示具体位置信息文字

wx.request({
url: 'https://restapi.amap.com/v3/geocode/regeo',

data: {


key: app.globalData.amapKey,


location: that.data.gdlongitude + "," + that.data.gdlatitude,


extensions: "all",


s: "rsx",


sdkversion: "sdkversion",


logversion: "logversion"

},

success: function (res) {


that.setData({



textData: {




name: res.data.regeocode.pois[0].name,




desc: res.data.regeocode.formatted_address



}


})


console.log(JSON.stringify(res.data.regeocode.formatted_address));

},

fail: function (res) {

})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 表单验证常见正则
Sep 28 Javascript
jquery attr 设定src中含有&(宏)符号问题的解决方法
Jul 26 Javascript
使用Plupload实现直接上传附件至七牛云存储
Dec 26 Javascript
快速学习jQuery插件 Cookie插件使用方法
Dec 01 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
Jan 12 Javascript
jQuery Mobile操作HTML5的常用函数总结
May 17 Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 Javascript
深入理解Node.js 事件循环和回调函数
Nov 02 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
Jul 12 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 Javascript
VUE实现自身整体组件销毁的示例代码
Jan 13 Javascript
JS Web Flex弹性盒子模型代码实例
Mar 10 Javascript
vue 实现cli3.0中使用proxy进行代理转发
Oct 30 #Javascript
vue cli3 配置proxy代理无效的解决
Oct 30 #Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
Oct 30 #Javascript
vue - vue.config.js中devServer配置方式
Oct 30 #Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
Oct 30 #Javascript
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 #Javascript
基于JavaScript实现单例模式
Oct 30 #Javascript
You might like
php中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
Laravel 中获取上一篇和下一篇数据
2015/07/27 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
2010/05/24 Javascript
javascript数字格式化通用类 accounting.js使用
2012/08/24 Javascript
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
2015/10/08 Javascript
JavaScript仿商城实现图片广告轮播实例代码
2016/02/06 Javascript
Thinkjs3新手入门之如何使用静态资源目录
2017/12/06 Javascript
jquery实现企业定位式导航效果
2018/01/01 jQuery
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
VUE实现图片验证码功能
2020/11/18 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
2019/12/21 Javascript
[47:22]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python分析网页上所有超链接的方法
2015/05/08 Python
Python中pandas dataframe删除一行或一列:drop函数详解
2018/07/03 Python
使用python批量化音乐文件格式转换的实例
2019/01/09 Python
详解Python爬取并下载《电影天堂》3千多部电影
2019/04/26 Python
python中tkinter的应用:修改字体的实例讲解
2019/07/17 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
Keras使用ImageNet上预训练的模型方式
2020/05/23 Python
keras 读取多标签图像数据方式
2020/06/12 Python
如何使用Cython对python代码进行加密
2020/07/08 Python
Pytorch实现WGAN用于动漫头像生成
2021/03/04 Python
薇姿法国官网:Vichy法国
2021/01/28 全球购物
Linux机考试题
2015/07/17 面试题
财务工作个人求职的自我评价
2013/12/19 职场文书
暑期社会实践学生的自我评价
2014/01/09 职场文书
大学活动邀请函
2014/01/28 职场文书
《最可爱的人》教学反思
2014/02/14 职场文书
《路旁的橡树》教学反思
2014/04/07 职场文书
紫日观后感
2015/06/05 职场文书
初中体育教学随笔
2015/08/15 职场文书
新年寄语2016
2015/08/17 职场文书
百善孝为先:关于孝道的经典语录
2019/10/18 职场文书