微信小程序地图标记

.wxml<map latitude="{{latitude}}" longitude="{{longitude}}" show-location="true"  style="width: 100%; height: 550px;" scale="10"markers="{{markers}}"/>.jsPage({/*** 页面的初始数据*/data: {longitude:[],latitude:[],markers:[]},onLoad: function (options) {var that = this; // 获取当前地理位置wx.getLocation({type: 'wgs84',success: function (res) {var latitude = res.latitudevar  longitude = res.longitudevar markers = new Array();//数据库读取标记信息wx.request({url: 'http://localhost/action.php',//请求地址data: {},header: {//请求头"Content-Type": "applciation/json"},method: "get",success: function (res) {var data = res.data;//console.log(data)for (var i = 0;i < data.length; i++) {var name = data[i].name; //名称var lat = data[i].latitude; //经度var lon = data[i].longitude;//纬度var info = {id : 0,iconPath: "/images/marker_red.png",latitude: '',longitude: '',width: 20,height: 25,title: "",};info.id = iinfo.latitude = latinfo.longitude = loninfo.title = namemarkers.push(info);}var str = JSON.stringify(markers);console.log(markers);// console.log(latitude);//console.log(longitude);that.setData({latitude: latitude,longitude: longitude,markers: markers})},  fail: function (err) { },//请求失败complete: function () { }//请求完成后执行的函数})}})}
)}

微信小程序地图标记相关推荐

微信小程序定位获取经纬度城市街道等位置信息
看文章扫一扫领红包哦请先看微信小程序关于定位的API:https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html#wxgetlocat ...
北京实时公交查询微信小程序
目录实现效果源代码实践报告摘要概述题目的背景及研究意义本系统主要研究内容系统需求分析公交路线查询模块需求分析附近公交站点信息查看模块需求分析公交实时信息查看模块需求分析实时公交 ...
微信小程序页面之间数据传递
微信小程序跳转界面传递数据,要传递的数据拼接在url 后面实现下面看一个简单的demo 传递数据要传递界面 wxml  <view class= ...
微信小程序web-view使用
web-view 可以是微信小程序支持嵌套网页例如想嵌套百度可以这样 <view ><web-view src="https://www.baidu.com/s?ie= ...
微信小程序下拉刷新和上拉加载
效果图微信小程序实现下拉刷新和上拉加载有2中方法 1 用系统自带的个人感觉特别简单 2 使用scroll-view 实现, scroll-view 里面有2个属性是滑动到顶部以及到底部如下其实 ...
微信小程序bindtap 与 catchtap 是使用
如果写小程序对二者不理解的,那看到这边博客,将很快帮助到您, 个人总结的一句话:,bindtap点击事件在同一个view中会向上冒泡,而catchtap 不会向上冒泡下面会有一个demo给出解释, ...
微信小程序根据后台返回值设置自己想要的结果
今天做微信小程序充值列表其中微信或者支付后台返回的是1和2 , 那么就需要判断返回值是否为1或者是2然后在改变简单的就是在xml中判断下就行了 <view class='recharge_t ...
微信小程序import和include
import 和include 是微信小程序提供的2中引用方式 import 一般结合模板template使用 import import可以在该文件中使用目标文件定义的template,如: 在 i ...
微信小程序扫描二维码
最近官方地址看到这句话我想到了,微信小程序是调用微信的扫一扫那么扫一扫的界面就可以不用再写了, 想到android这边都是用图片或者手动画,突然感觉心情特别的好, 里面的参数自己看吧,看到最下面的 ...

微信小程序地图标记

微信小程序地图标记

微信小程序地图标记相关推荐

最新文章

热门文章

微信小程序 地图标记

微信小程序 地图标记

微信小程序 地图标记相关推荐

最新文章

热门文章

微信小程序地图标记

微信小程序地图标记

微信小程序地图标记相关推荐