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


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 相关文章推荐
新闻内页-JS分页
Jun 07 Javascript
初窥JQuery(二) 事件机制(1)
Nov 25 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
Dec 13 Javascript
Jquery获得控件值的三种方法总结
Feb 13 Javascript
IE中getElementsByName()对有些元素无效的解决方案
Sep 28 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
Oct 17 Javascript
javascript实现图片跟随鼠标移动效果的方法
May 13 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
Dec 21 Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 Javascript
Vue中的作用域CSS和CSS模块的区别
Oct 09 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
Apr 09 Javascript
Antd的table组件表格的序号自增操作
Oct 27 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项目打包方法
2008/02/18 PHP
php 接口类与抽象类的实际作用
2009/11/26 PHP
destoon调用企业会员公司形象图片的实现方法
2014/08/21 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
php版微信自动登录并获取昵称的方法
2016/09/23 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
Javascript学习笔记1 数据类型
2010/01/11 Javascript
JS高级笔记
2011/07/13 Javascript
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
2015/09/27 Javascript
java必学必会之static关键字
2015/12/03 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
详解vue组件基础
2018/05/04 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
Vue + Element UI图片上传控件使用详解
2019/08/20 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
2020/12/02 Vue.js
python实现异步回调机制代码分享
2014/01/10 Python
Python获取linux主机ip的简单实现方法
2016/04/18 Python
Python通过Django实现用户注册和邮箱验证功能代码
2017/12/11 Python
Python socket套接字实现C/S模式远程命令执行功能案例
2018/07/06 Python
解决python3运行selenium下HTMLTestRunner报错的问题
2018/12/27 Python
Python logging设置和logger解析
2019/08/28 Python
Python实现GIF图倒放
2020/07/16 Python
Python实现石头剪刀布游戏
2021/01/20 Python
悬挂训练绳:TRX
2017/12/14 全球购物
Viking Direct爱尔兰:办公用品和家具
2019/11/21 全球购物
优秀中专生推荐信
2013/11/17 职场文书
我们的节日清明节活动总结
2014/04/30 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
居安思危观后感
2015/06/11 职场文书
2016年“我们的节日·端午节”活动总结
2016/04/01 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
python关于集合的知识案例详解
2021/05/30 Python