江苏快三:微信小程序根據金緯度規劃路線

江苏快三 www.amavm.com 2020-04-25 05:39



后果圖:1、wxml文件view class="mapHeight" map id="map" class="map" polyline="{{polyline}}" markers="{{markers}}" include-points="{{markers}}" /map /view2、 js文件var coors; Page({ data: { polyline: , ..
后果圖:

1、wxml文件
<view ><mapid="map"polyline="{{polyline}}"markers="{{markers}}"include-points="{{markers}}"></map></view>
2、 js文件
var coors;Page({data: {polyline: [],markers: [],},onReady: function() {this.mapContext = wx.createMapContext("map", this);},onLoad: function(options) {// 獲取當前輿圖,設置經緯度,傳遞過來的坐標,用戶下單的坐標。阜陽小程序制作專注于面向微信小程序、百度小程序(智能小程序)、支付寶小程序、今日頭條小程序、QQ輕應用(即QQ小程序)、抖音小程序、快應用(手機廠商基于硬件平臺共同推出的新型應用)等小程序開發者與用戶提供小程序相關開發技術、制作案例、渠道分發、流量變現、行業資訊等信息的發布與傳播服務。阜陽微信小程序它可以在微信內被便捷地獲取和傳播,用戶隨時可用,用完即走,實現了應用“觸手可及”的夢想。console.log(options);wx.getLocation({success: (res) => {this.setData({latitude: options.latitude,longitude: options.longitude});this.getCenterLocation(res);wx.request({url: 'https://apis.map.qq.com/ws/direction/v1/driving/from=' + this.data.markers[0].latitude + ',' + this.data.markers[0].longitude + '&to=' + this.data.markers[1].latitude + ',' + this.data.markers[1].longitude + '&output=json&callback=cb&key=PD5BZ-K2VRO-CPEWZ-SOBAC-4KCDT-KAFLF',success: (res) => {coors = res.data.result.routes[0].polylinefor (var i = 2; i < coors.length; i++) {coors[i] = coors[i - 2] + coors[i] / 1000000}console.log(coors)//劃線var b = [];for (var i = 0; i < coors.length; i = i + 2) {b[i / 2] = {latitude: coors[i],longitude: coors[i + 1]};console.log(b[i / 2])}this.setData({polyline: [{points: b,color: "#00ae20",width: 4,dottedLine: false}],})}})}});},// 兩個坐標 一個下單,一個工程師接單,而后不停的更新工程師的坐標位置。getCenterLocation: function(res) {this.setData({markers: [{iconPath: "/resources/center.png",id: 0,latitude: res.latitude,longitude: res.longitude,width: 30,height: 30,alpha: 0.8,callout: {content: " 我的位置 ",color: "#ffffff",fontSize: 10,borderRadius: 10,bgColor: "#6e707c",padding: 5,display: "ALWAYS"}},{iconPath: "/resources/user.png",id: 1,latitude: res.latitude + 0.1,longitude: res.longitude + 0.1,width: 30,height: 30,alpha: 0.8,callout: {content: " 工程師 ",color: "#ffffff",fontSize: 10,borderRadius: 10,bgColor: "#6e707c",padding: 5,display: "ALWAYS"}}],});},});
3、wxss文件。阜陽小程序制作專注于面向微信小程序、百度小程序(智能小程序)、支付寶小程序、今日頭條小程序、QQ輕應用(即QQ小程序)、抖音小程序、快應用(手機廠商基于硬件平臺共同推出的新型應用)等小程序開發者與用戶提供小程序相關開發技術、制作案例、渠道分發、流量變現、行業資訊等信息的發布與傳播服務。阜陽微信小程序它可以在微信內被便捷地獲取和傳播,用戶隨時可用,用完即走,實現了應用“觸手可及”的夢想。阜陽小程序開發集小程序開發、制作、分發、推廣、交易、行業資訊等服務于一體的綜合門戶網站。mapHeight {display: flex;flex-direction: column;}.map {flex: 1;height: 100vh;width: 100%;}
江苏快三
電話
江苏快三
聯系
{ganrao}