<block wx:for="{{data_2}}" wx:key='index' wx:if="{{data_2.length}}">

<view style='margin-left:10rpx;'>订单号: {{item.order_num}}</view>
<view class='page_row'>
<view class='centent'>
<view style='margin-left:10rpx;' wx:if='{{item.server_info.linkman}}'>下单人: {{item.server_info.linkman}}
<text style='color:#999;margin-left:40rpx;font-size:32rpx;' wx:if='{{item.server_info.tel}}'>联系电话: {{item.server_info.tel}}</text>
</view>
<view style='color:#999;margin-top:15rpx;' wx:if='{{item.car_info.title}}'>
<view style='color:#999;margin-left:10rpx;font-size:28rpx' bindtap='apen_add'data-name='{{item.server_info.address}}' data-latitude_siji='{{item.server_info.coordinate_start}}'><image style='width:32rpx;height:32rpx' src='../../image/location.png'/> 导航至起始地:{{item.server_info.address}} </view>
</view>
<view style='color:#999;margin-top:15rpx;' wx:if='{{item.car_info.title}}'>
<view style='color:#999;margin-left:10rpx;font-size:28rpx' bindtap='apen_add' data-name='{{item.server_info.address_end_text}}' data-longitude_siji='{{item.server_info.coordinate_end}}'><image style='width:32rpx;height:32rpx' src='/image/location.png'/> 导航至目的地: {{item.server_info.address_end_text}} </view>
</view>
<view style='color:#999;margin-top:15rpx;' wx:if='{{item.car_info.title}}'>
<view style='color:#999;margin-left:10rpx;font-size:28rpx'> 分配时间:{{item.time_tired}}</view>
</view>
</view>
</view>
<view class='xxx'></view>
</block>

apen_add: function (e) {
var that = this
var latitude, longitude
var name = e.currentTarget.dataset.name
if (e.currentTarget.dataset.latitude_siji) {
var latitude_siji = e.currentTarget.dataset.latitude_siji.split(',')
latitude = Number(latitude_siji[0])
longitude = Number(latitude_siji[1])
}
if (e.currentTarget.dataset.longitude_siji) {
var longitude_siji = e.currentTarget.dataset.longitude_siji.split(',')
latitude = Number(longitude_siji[0])
longitude = Number(longitude_siji[1])
}
wx.getSetting({
success: (res) => {
if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) {
wx.showModal({
title: '是否授权当前位置',
content: '需要获取您的地理位置,请确认授权,否则地图定位功能将无法使用',
success: function (res) {
if (res.cancel) {
console.info("1授权失败返回数据");

} else if (res.confirm) {
//village_LBS(that);
wx.openSetting({
success: function (data) {
if (data.authSetting["scope.userLocation"] == true) {
wx.showToast({
title: '授权成功',
icon: 'success',
duration: 5000
})
wx.openLocation({
latitude: latitude,
longitude: longitude,
name: name,
scale: 28
})
} else {
wx.showToast({
title: '授权失败',
icon: 'success',
duration: 5000
})
}
}
})
}
}
})
} else {
wx.openLocation({
latitude: latitude,
longitude: longitude,
name: name,
scale: 28
})
}
}
})
},

数据请求

show_data: function () {
var that = this;
if (wx.getStorageSync('register') != '司机') {
var data = {
openid: app._openid,
program_id: app.jtappid,
only_num: app._openid,
online_code: wx.getStorageSync('online_code')
}
var url = '/pg.php/CarTrailer/roder_list';
util.request(url, 'get', data, '正在加载', function (res) {
res.data.reverse()
for (var i = 0; i < res.data.length; i++) {
res.data[i].time_xd = util.js_date_time(res.data[i].time_xd)
switch (res.data[i].state) {
case '1':
that.setData({
data_1: that.data.data_1.concat(res.data[i]),
})
break;
case '2':
that.setData({
data_2: that.data.data_2.concat(res.data[i]),
})
break;
case '3':
that.setData({
data_3: that.data.data_3.concat(res.data[i]),
})
break;
case '4':
that.setData({
data_4: that.data.data_4.concat(res.data[i]),
})
break;
}
}
})
} else {
var data = {
openid: app._openid,
program_id: app.jtappid,
online_code: wx.getStorageSync('online_code')
}
var url = '/pg.php/CarTrailer/driver_order_list';
util.request(url, 'get', data, '正在加载', function (res) {
for (var i = 0; i < res.data.length; i++) {
res.data[i].time_tired = util.js_date_time(res.data[i].time_tired)
}
res.data.reverse()
that.setData({
siji: true
})
for (var i = 0; i < res.data.length; i++) {
switch (res.data[i].state) {
case '1':
that.setData({
data_1: that.data.data_1.concat(res.data[i]),
})
break;
case '2':
that.setData({
data_2: that.data.data_2.concat(res.data[i]),
})
break;
case '3':
that.setData({
data_3: that.data.data_3.concat(res.data[i]),
})
break;
case '4':
that.setData({
data_4: that.data.data_4.concat(res.data[i]),
})
break;
}
}
})
}
},

转载于:https://www.cnblogs.com/isuansuan/p/9818250.html

微信小程序地图demo完整相关推荐

  1. 微信小程序开源Demo精选

    微信小程序开源Demo精选 原文:微信小程序开源Demo精选 1. 仿QQ应用程序(#社交 #聊天 #SNS) 地址:https://github.com/xiehui999/SmallAppForQ ...

  2. 微信小程序地图获取地点信息(打卡签到功能为例)-2020-7-26

    目录 微信小程序地图获取地点信息(打卡签到功能为例) 效果图 前提步骤 首先需要了解的 代码部分 配置性代码 功能性代码 demo 下载 微信小程序地图获取地点信息(打卡签到功能为例) 解决方案:利用 ...

  3. 微信小程序开发的完整流程介绍,新手必读

    自从跳一跳小程序游戏出现后,一夜之间,小程序就变得家喻户晓了,功能开发也越来越丰富,在微信搜一搜就会发现许多大品牌早已有自己的小程序了,越来越多的企业和商家都看中了这个风口,想快速开发出一款属于自己的 ...

  4. php小程序地图处理,微信小程序 地图map详解及简单实例

    微信小程序 地图map 微信小程序map 地图属性名类型默认值说明longitudeNumber中心经度 latitudeNumber中心纬度 scaleNumber1缩放级别 markersArra ...

  5. 微信小程序 微信小程序地图搜索、地图搜索点点击出callout气泡标题说明

    实现效果:根据楼盘名称实现地图定位.周边搜索: 代码: html <view class="mapinfo"><view class="mapbd&qu ...

  6. php小程序地图处理,微信小程序地图 map

    微信小程序地图 map 微信小程序map 地图 标记点 标记点用于在地图上显示标记的位置,不能自定义图标和样式 覆盖物 覆盖物用于在地图上显示自定义图标,可自定义图标和样式 地图组件的经纬度必填, 如 ...

  7. 微信小程序云开发完整案例

    微信小程序云开发完整案例 本项目获高校微信小程序开发大赛华中赛区三等奖 [注]: 本人对该程序功能.UI等方面比较满意,分析总结了比赛成绩不算太好的原因,下一篇博客具体分享,给想参加该比赛的同学一些参 ...

  8. 微信小程序大转盘完整代码

    微信小程序大转盘完整代码 效果图 wxml片段 <!--index.wxml--> <view class="container"><image sr ...

  9. 微信小程序地图组件和相机组件实现基于location的AR效果的尝试(失败)

    微信小程序地图组件和相机组件实现基于location的AR效果的尝试(失败) 最近无论AR还是微信小程序都是炒的火热.微信小程序的特点便是"无需安装,用完即走",而我们所说的AR用 ...

最新文章

  1. MySQL中的主键、唯一键、外键对比
  2. 如何在github上为新问题附加新的拉取请求?
  3. ffmpeg avcodec_encode_video2 函数报错
  4. 程序员面试100题之九:求子数组的最大和
  5. Android 捕获异常,上报异常日志,捕获奔溃日志,bugly使用实例
  6. PHP导出excel
  7. pandas中对列进行排序(单列/多列)/(升序/降序)/(多列升序,降序控制)
  8. 实验吧web-易-what a fuck!这是什么鬼东西?
  9. 2015年职称计算机考试宝典,2015年职称计算机考试宝典模块软件.doc
  10. wind python接口手册_wind量化平台-用户手册(python).pdf
  11. Xilinx_JESD204B
  12. 电脑默认重置html,windows10电脑默认自带浏览器被篡改如何恢复
  13. Xilinx FPGA的Device DNA获取方法
  14. 震动活塞式柱状取样器的使用
  15. 柏拉图式爱情 (精神爱情)
  16. 常见知识库对比:DBpedia/Freebase/OpenCyc/Wikidata/YAGO3
  17. 网站pv和uv比例多少合适?
  18. 波特率dlm_第6讲 串行通信16550.ppt
  19. 完爆90%的性能毛病,收好数据库优化八大通用绝招
  20. 软件体系结构 思维导图

热门文章

  1. 全国计算机二级python 培训
  2. Java判断gps点是否在中国,如何判断一个指定的位置点坐标(GPS上的经纬度)是否落在一个多边形区域内?...
  3. stlink v3驱动_STLINK-V3SET - STLINK-V3模块化在线调试器和编程器用于STM32/STM8 - STMicroelectronics...
  4. 概念:微分方程的解、瞬态响应、稳态响应、自由响应、强迫响应、零输入响应、零状态响应
  5. mysql 利用时间查询_利用时间的艺术
  6. python免费课程400节-海口初中生信息学奥赛培训机构
  7. 微信小程序如何跳转微信公众号
  8. MacOS安装Homebrew与Oh-My-Zsh
  9. DotNetty TLS 开启双向认证加密传输数据
  10. 针对美国国家安全局“酸狐狸”漏洞攻击武器平台的分析与应对方案建议