// pages/component/map/map.js let mapcontext let unde const data = { maptype: '3', maptypes: ['amap','google','baidu','auto'], booleanArray: [true, false, 'no'], showingSence: 'latlong', mapShow: true, editingLongitude: '113.93041', editingLatitude: '22.53332', // longitude: '114.063848', // latitude: '22.551365', // longitude: '85.1318117790985', // latitude: '45.69139458288415', latitude: 22.53332, longitude: 113.93041, // latitude: 200, // longitude: 200, scale: 12, editingScale: 12, minScale: 3, editingMinscale: 3, maxScale: 20, editingMaxscale: 20, markers:[ { "id": 1, "latitude": 22.54332, "longitude": 113.94041, "joinCluster": true, "title": "title1", "zIndex": 1, "iconPath": "/assets/images/logo.png", "rotate": 0, "alpha": 1, "width": 30, "height": 30, "callout": { "content": "point1", "color": "#ff0000", "fontSize": 14, "borderRadius": 7, "borderWidth": 2, "borderColor": "#000000", "bgColor": "#ffffff", "padding": 1, "display": "ALWAYS", "textAlign": "center", "anchorX": 0, "anchorY": 0 }, "customCallout": { "display": "BYCLICK", "anchorX": 0, "anchorY": 0 }, "label": { "content": "label1", "color": "", "fontSize": 16, "anchorX": 0, "anchorY": 0, "borderWidth": 30, "borderColor": "", "borderRadius": 10, "bgColor": "", "padding": 10, "textAlign": "center" }, "anchor": { "x": 0, "y": 0 }, "aria-label": "marker1 aria-label" }, { "id": 2, "latitude": 22.52332, "longitude": 113.92041 }, { "id": 3, "latitude": 22.52332, "longitude": 113.93041 }, { "id":4, "latitude": 22.53332, "longitude": 113.93041, "callout": { "content": "point4", }, "label": { "content": "label4" } }, { "id":5, "latitude": 22.51332, "longitude": 113.92041, "joinCluster": true, "callout": { "content": "point5", }, "label": { "content": "label5" } }, { "id":6, "latitude": 22.51332, "longitude": 113.91041, "joinCluster": true, "label": { "content": "label6" } }, { "id":7, "latitude": 22.50332, "longitude": 113.90041, "joinCluster": true, "callout": { "content": "point7", }, "label": { "content": "label7" } } ], editingMarkers: ` [ { "id": 1, "latitude": 22.54332, "longitude": 113.94041, "joinCluster": true, "title": "title1", "zIndex": 1, "iconPath": "/assets/images/logo.png", "rotate": 0, "alpha": 1, "width": 30, "height": 30, "callout": { "content": "point1", "color": "#ff0000", "fontSize": 14, "borderRadius": 7, "borderWidth": 2, "borderColor": "#000000", "bgColor": "#ffffff", "padding": 1, "display": "ALWAYS", "textAlign": "center", "anchorX": 0, "anchorY": 0 }, "customCallout": { "display": "BYCLICK", "anchorX": 0, "anchorY": 0 }, "label": { "content": "label1", "color": "", "fontSize": 16, "anchorX": 0, "anchorY": 0, "borderWidth": 30, "borderColor": "", "borderRadius": 10, "bgColor": "", "padding": 10, "textAlign": "center" }, "anchor": { "x": 0, "y": 0 }, "aria-label": "marker1 aria-label" }, { "id": 2, "latitude": 22.52332, "longitude": 113.92041 }, { "id": 3, "latitude": 22.52332, "longitude": 113.93041 }, { "id":4, "latitude": 22.53332, "longitude": 113.93041, "callout": { "content": "point4" }, "label": { "content": "label4" } }, { "id":5, "latitude": 22.51332, "longitude": 113.92041, "joinCluster": true, "callout": { "content": "point5" }, "label": { "content": "label5" } }, { "id":6, "latitude": 22.51332, "longitude": 113.91041, "joinCluster": true, "label": { "content": "label6" } }, { "id":7, "latitude": 22.50332, "longitude": 113.90041, "joinCluster": true, "callout": { "content": "point7" }, "label": { "content": "label7" } } ] `, polyline: [{ "points": [{ "latitude": 22.53332, "longitude": 113.93041 },{ "latitude": 22.52332, "longitude": 113.92041 },{ "latitude": 22.52332, "longitude": 113.93041 }], "color": "#02ecff", "colorList": ["#00bcd4","#ff9800"], "dottedLine": false, "arrowIconPath": "", "width": 6, "arrowLine": true, "borderColor": "#000000", "borderWidth": 6, "level": "abovelabels" }], editingPolyline: ` [{ "points": [{ "latitude": 22.52332, "longitude": 113.93041 },{ "latitude": 22.51332, "longitude": 113.92041 },{ "latitude": 22.51332, "longitude": 113.93041 }], "color": "#02ecff", "colorList": ["#00bcd4","#ff9800"], "dottedLine": false, "arrowIconPath": "", "width": 6, "arrowLine": true, "borderColor": "#000000", "borderWidth": 6, "level": "abovelabels" }] `, circles: [{ "latitude": 22.53932, "longitude": 113.93641, "color": "#ff455b", "fillColor": "#acfd00", "radius": 500, "strokeWidth": 5, "level": "abovelabels" }], editingCircles: `[{ "latitude": 22.53932, "longitude": 113.93641, "color": "#ff455b", "fillColor": "#acfd00", "radius": 500, "strokeWidth": 5, "level": "abovelabels" }]`, controls: [{ "id": 4, "position": { "left": 20, "top": 60, "width": 30, "height": 30 }, iconPath: "https://img2.baidu.com/it/u=1558944015,1677859960&fm=26&fmt=auto", clickable: true },{ "id": 5, "position": { "left": 20, "top": 100, "width": 30, "height": 30 }, iconPath: "/image/duck.gif", clickable: true }], editingControls: ` [{ "id": 4, "position": { "left": 20, "top": 60, "width": 30, "height": 30 }, "iconPath": "/assets/images/logo.png", "clickable": true },{ "id": 5, "position": { "left": 20, "top": 100, "width": 30, "height": 30 }, "iconPath": "/image/duck.gif", "clickable": true }] `, includePoints: [ { "id": 1, "latitude": 22.03332, "longitude": 113.03041, },{ "id": 2, "latitude": 21.53332, "longitude": 112.93041, },{ "id": 3, "latitude": 23.53332, "longitude": 114.93041, } ], editingIncludePoints: `[ { "id": 1, "latitude": 22.03332, "longitude": 113.03041 },{ "id": 2, "latitude": 21.53332, "longitude": 112.93041 },{ "id": 3, "latitude": 23.53332, "longitude": 114.93041 } ]`, showLocation: false, polygons: [{ "points": [ { "latitude": 22.53932, "longitude": 113.93641 }, { "latitude": 22.53932, "longitude": 113.92641 }, { "latitude": 22.52932, "longitude": 113.92641 }, { "latitude": 22.52932, "longitude": 113.93641 } ], "strokeWidth": 4, "strokeColor": "#9C27B0", "fillColor": "#fff202", "zIndex": 1, "level": "abovelabels" }], editingPolygons: ` [{ "points": [ { "latitude": 22.53932, "longitude": 113.93641 }, { "latitude": 22.53932, "longitude": 113.92641 }, { "latitude": 22.52932, "longitude": 113.92641 }, { "latitude": 22.52932, "longitude": 113.93641 } ], "strokeWidth": 4, "strokeColor": "#9C27B0", "fillColor": "#fff202", "zIndex": 1, "level": "abovelabels" }] `, rotate: 90, editingrotate: 90, skew: 20, editingskew: 20, enable3D: true, showCompass: false, showScale: true, enableOverlooking: true, enableZoom: true, enableScroll: true, enableRotate: true, enableSatellite: true, enableTraffic: false, enablePoi: true, enableBuilding: true, setting: { "skew": 0, "rotate": 0, "showLocation": false, "showScale": false, "enableZoom": true, "enableScroll": true, "enableRotate": true, "showCompass": false, "enable3D": false, "enableOverlooking": false, "enableSatellite": false, "enableTraffic": false, }, eidtingSetting: ` { "skew": 0, "rotate": 0, "showLocation": false, "showScale": false, "enableZoom": true, "enableScroll": true, "enableRotate": true, "showCompass": false, "enable3D": false, "enableOverlooking": false, "enableSatellite": false, "enableTraffic": false } `, controlAreaHeight: '400px', latlong: `[22.53332,113.93041]`, translatemarkerMarkerid: 'no', translatemarker_marker_autoRotate: 2, translatemarker_rotate: 'no', translatemarker_duration: 'no', translatemarker_marker_moveWithRotate: 2, translatemarker_destination: `{"latitude": 22.33332, "longitude": 113.83041 }`, markerIconPath: '/assets/images/logo.png', toNumber: true, moveAlong_path: `[ { "latitude": 22.54332, "longitude": 113.94041 }, { "latitude": 22.53332, "longitude": 113.93041 }, { "latitude": 22.51332, "longitude": 113.93041 }, { "latitude": 22.51332, "longitude": 113.95041 }, { "latitude": 22.53332, "longitude": 113.95041 }, { "latitude": 22.54332, "longitude": 113.94041 } ]`, moveAlongMarkerid: 'no', moveAlong_autoRotate: 2, moveAlong_duration: 'no', moveAlong2_path: `[ { "latitude": 22.54332, "longitude": 113.94041 }, { "latitude": 22.53332, "longitude": 113.93041 }, { "latitude": 22.51332, "longitude": 113.93041 }, { "latitude": 22.51332, "longitude": 113.95041 }, { "latitude": 22.53332, "longitude": 113.95041 }, { "latitude": 22.54332, "longitude": 113.94041 } ]`, moveAlong2Markerid: 'no', moveAlong2_autoRotate: 2, moveAlong2_duration: 'no', centerOffset: [0.5,0.5], editingcenterOffset : `[0.5,0.5]`, controls_id: 'no', controls_position: `{ "left": 20, "top": 20, "width": 30, "height": 30 }`, controls_iconPath: '', controls_clickable: 2, polyline_points: `[{ "latitude": 22.53332, "longitude": 113.93041 },{ "latitude": 22.52332, "longitude": 113.92041 },{ "latitude": 22.52332, "longitude": 113.93041 }]`, polyline_color: "no", polyline_colorList: `["#00bcd4","#ff9800"]`, polyline_dottedLine: 2, polyline_arrowIconPath: "no", polyline_width: 'no', polyline_arrowLine: false, polyline_borderColor: 'no', polyline_borderWidth: 'no', polyline_level: 'abovelabels', circle_latitude: 'no', circle_longitude: 'no', circle_color: 'no', circle_fillColor: 'no', circle_radius: 'no', circle_strokeWidth: 'no', circle_level: 'abovelabels', includePoints_points: `[ { "id": 1, "latitude": 22.03332, "longitude": 113.03041 },{ "id": 2, "latitude": 21.53332, "longitude": 112.93041 },{ "id": 3, "latitude": 23.53332, "longitude": 114.93041 } ]`, includePoints_padding: `[10,10,10,10]`, polygons_points: `[ { "latitude": 22.53932, "longitude": 113.93641 }, { "latitude": 22.53932, "longitude": 113.92641 }, { "latitude": 22.52932, "longitude": 113.92641 }, { "latitude": 22.52932, "longitude": 113.93641 } ]`, polygons_strokeWidth: 'no', polygons_strokeColor: 'no', polygons_fillColor: 'no', polygons_zIndex: 'no', polygons_level: 'no', markers_id: '5', markers_latitude: '22.51932', markers_longitude: '113.92641', markers_joinCluster: 2, markers_title: 'no', markers_zIndex: 'no', markers_iconPath: 'no', markers_rotate: 'no', markers_alpha: 'no', markers_width: 'no', markers_height: 'no', markers_callout: ` { "content": "point1", "color": "#ff0000", "fontSize": 14, "borderRadius": 7, "borderWidth": 2, "borderColor": "#000000", "bgColor": "#ffffff", "padding": 1, "display": "ALWAYS", "textAlign": "center", "anchorX": 0, "anchorY": 0 } `, markers_customCallout: ` { "display": "BYCLICK", "anchorX": 0, "anchorY": 0 } `, markers_label: ` { "content": "label1", "color": "#ff0000", "fontSize": 5, "anchorX": 0, "anchorY": 0, "borderWidth": 1, "borderColor": "#000000", "borderRadius": 2, "bgColor": "#ffffff", "padding": 1, "textAlign": "center" } `, markers_anchor: ` { "x": 0, "y": 0 } `, markers_arialabel: 'no', addmarkers_clear: 2, addmarkers_markers: `[ { "id": 666, "latitude": 22.51332, "longitude": 113.92041 }, { "id": 667, "latitude": 22.50332, "longitude": 113.93041 } ]`, removemarker_markerIds: `[]`, initmarkercluster_enableDefaultStyle: 2, initmarkercluster_zoomOnClick: 2, initmarkercluster_gridSize: 60, movetolocation_longitude: '113.93041', movetolocation_latitude: '22.53332', openmapapp_longitude: '113.93041', openmapapp_latitude: '22.53332', openmapapp_destination: '目的地' } Page({ /** * 页面的初始数据 */ data: { ...data }, resetData () { this.setData(data) }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { // const {windowHeight} = wx.getSystemInfoSync() const windowHeight = 650 this.setData({ controlAreaHeight: (windowHeight - 324) + 'px', // latlong: `[${this.data.latitude}, ${this.data.longitude}]` }) this.emitCreateMapContext() }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { }, emitCreateMapContext() { mapcontext = wx.createMapContext('maplearn') console.log(mapcontext) }, bindtapHandler (res) { console.log('debug: bindtapHandler ', res) }, bindmarkertapHandler (res) { console.log('debug: bindmarkertapHandler ', res) }, bindlabeltapHandler (res) { console.log('debug: bindlabeltapHandler ', res) }, bindcontroltapHandler (res) { console.log('debug: bindcontroltapHandler ', res) }, bindcallouttapHandler (res) { console.log('debug: bindcallouttapHandler ', res) }, bindupdatedHandler (res) { console.log('debug: bindupdatedHandler ', res) }, bindregionchangeHandler (res) { console.log('debug: bindregionchangeHandler ', res) }, bindpoitapHandler (res) { console.log('debug: bindpoitapHandler ', res) }, bindanchorpointtapHandler (res) { console.log('debug: bindanchorpointtapHandler ', res) }, countMarker () { let { markers_id, markers_latitude, markers_longitude, markers_joinCluster, markers_title, markers_zIndex, markers_iconPath, markers_rotate, markers_alpha, markers_width, markers_height, markers_callout, markers_customCallout, markers_label, markers_anchor, markers_arialabel, booleanArray, toNumber } = this.data markers_joinCluster = booleanArray[markers_joinCluster] try { markers_callout = JSON.parse(markers_callout) } catch (e) {} try { markers_customCallout = JSON.parse(markers_customCallout) } catch (e) {} try { markers_label = JSON.parse(markers_label) } catch (e) {} try { markers_anchor = JSON.parse(markers_anchor) } catch (e) {} const params = {} markers_id !== 'no' && (params.id = toNumber ? Number(markers_id) : String(markers_id)) markers_latitude !== 'no' && (params.latitude = toNumber ? Number(markers_latitude) : String(markers_latitude)) markers_longitude !== 'no' && (params.longitude = toNumber ? Number(markers_longitude) : String(markers_longitude)) markers_zIndex !== 'no' && (params.zIndex = toNumber ? Number(markers_zIndex) : String(markers_zIndex)) markers_rotate !== 'no' && (params.rotate = toNumber ? Number(markers_rotate) : String(markers_rotate)) markers_alpha !== 'no' && (params.alpha = toNumber ? Number(markers_alpha) : String(markers_alpha)) markers_width !== 'no' && (params.width = toNumber ? Number(markers_width) : String(markers_width)) markers_height !== 'no' && (params.height = toNumber ? Number(markers_height) : String(markers_height)) markers_callout !== 'no' && (params.callout = markers_callout) markers_customCallout !== 'no' && (params.customCallout = markers_customCallout) markers_label !== 'no' && (params.label = markers_label) markers_anchor !== 'no' && (params.anchor = markers_anchor) markers_joinCluster !== 'no' && (params.joinCluster = markers_joinCluster) markers_title !== 'no' && (params.title = markers_title) markers_iconPath !== 'no' && (params.iconPath = markers_iconPath) markers_arialabel !== 'no' && (params['aria-label'] = markers_arialabel) return params }, addMarker () { const params = this.countMarker() console.log('添加markers: ', params) const markers = this.data.markers markers.push(params) this.setData({ markers }) }, changeMarker () { let { editingMarkers } = this.data try { editingMarkers = JSON.parse(editingMarkers) } catch (e) { console.log(e) } console.log('changeMarker: ', editingMarkers) this.setData({ markers: editingMarkers }) }, randomHexColor() { var hex = Math.floor(Math.random() * 16777216).toString(16); //生成ffffff以内16进制数 while (hex.length < 6) { //while循环判断hex位数，少于6位前面加0凑够6位 hex = '0' + hex; } return '#' + hex; //返回‘#'开头16进制颜色 }, randomRadius() { return Math.floor(Math.random() * 3000) }, changePolyline () { let polyline try { polyline = JSON.parse(this.data.editingPolyline) } catch(e) { polyline = this.data.editingPolyline } this.setData({ polyline }) console.log('当前polyline: ', this.data.polyline) }, addPolyline () { let { polyline_points, polyline_color, polyline_colorList, polyline_dottedLine, polyline_arrowIconPath, polyline_width, polyline_arrowLine, polyline_borderColor, polyline_borderWidth, polyline_level, booleanArray, toNumber } = this.data polyline_dottedLine = booleanArray[polyline_dottedLine] polyline_arrowLine = booleanArray[polyline_arrowLine] const params = {} try { polyline_points = JSON.parse(polyline_points) } catch (e) {} try { polyline_colorList = JSON.parse(polyline_colorList) } catch (e) {} polyline_points !== 'no' && (params.points = polyline_points) polyline_color !== 'no' && (params.color = polyline_color) polyline_colorList !== 'no' && (params.colorList = polyline_colorList) polyline_dottedLine !== 'no' && (params.dottedLine = polyline_dottedLine) polyline_arrowIconPath !== 'no' && (params.arrowIconPath = polyline_arrowIconPath) polyline_width !== 'no' && (params.width = toNumber ? Number(polyline_width) : String(polyline_width)) polyline_arrowLine !== 'no' && (params.arrowLine = polyline_arrowLine) polyline_borderColor !== 'no' && (params.borderColor = polyline_borderColor) polyline_borderWidth !== 'no' && (params.borderWidth = toNumber ? Number(polyline_borderWidth) : String(polyline_borderWidth)) polyline_level !== 'no' && (params.level = polyline_level) console.log('添加polyline : ', params) const polyline = this.data.polyline polyline.push(params) this.setData({ polyline }) }, addCircles () { let { circle_latitude, circle_longitude, circle_color, circle_fillColor, circle_radius, circle_strokeWidth, circle_level, toNumber } = this.data const params = {} circle_latitude !== 'no' && (params.latitude = toNumber ? Number(circle_latitude) : String(circle_latitude)) circle_longitude !== 'no' && (params.longitude = toNumber ? Number(circle_longitude) : String(circle_longitude)) circle_color !== 'no' && (params.color = circle_color) circle_fillColor !== 'no' && (params.fillColor = circle_fillColor) circle_radius !== 'no' && (params.radius = circle_radius) circle_strokeWidth !== 'no' && (params.strokeWidth = circle_strokeWidth) circle_level !== 'no' && (params.level = circle_level) console.log('添加circle : ', params) const circles = this.data.circles circles.push(params) this.setData({ circles }) }, changeCircles () { let { editingCircles } = this.data try { editingCircles = JSON.parse(editingCircles) } catch (e) {} this.setData({ circles: editingCircles }) }, addControls () { let { controls_id, controls_iconPath, controls_position, controls_clickable, toNumber, booleanArray } = this.data controls_clickable = booleanArray[controls_clickable] try { controls_position = JSON.parse(controls_position) } catch(e) {} const params = {} controls_id !== 'no' && (params.id = toNumber ? Number(controls_id) : String(controls_id)) controls_iconPath !== 'no' && (params.iconPath = controls_iconPath) controls_position !== 'no' && (params.position = controls_position) controls_clickable !== 'no' && (params.clickable = controls_clickable) const controls = this.data.controls controls.push(params) console.log('添加controls 参数: ', params) this.setData({ controls }) }, consoleControls () { console.log('当前controls: ', this.data.controls) this.setData({ editingControls: JSON.stringify(this.data.controls) }) }, changeControls () { let controls try { controls = JSON.parse(this.data.editingControls) } catch(e) { controls = this.data.editingControls } this.setData({ controls }) console.log('当前controls: ', this.data.controls) }, changeIncludePoints () { let { editingIncludePoints } = this.data try { editingIncludePoints = JSON.parse(editingIncludePoints) } catch (e) {} console.log('includePoints : ', editingIncludePoints) this.setData({ includePoints: editingIncludePoints }) }, switchtoNumber (event) { this.setData({ toNumber: event.detail.value }); }, changeAttribute (e) { const attribute = e.target.dataset.attribute const obj = {} obj[attribute] = !!!this.data[attribute] console.log('修改参数 ', obj) this.setData(obj) }, attributePickerChange(e) { const attribute = e.target.dataset.attribute const obj = {} obj[attribute] = e.detail.value console.log('修改参数 ', obj) this.setData(obj) }, changeInputValue (e) { const attribute = e.target.dataset.attribute const obj = {} obj[attribute] = e.detail.value console.log('修改数据 ', obj) this.setData(obj) }, changePolygons () { let { editingPolygons } = this.data try { editingPolygons = JSON.parse(editingPolygons) } catch (e) {} console.log('改变polygons: ', editingPolygons) this.setData({ polygons: editingPolygons }) }, addPolygons () { let { polygons_points, polygons_strokeWidth, polygons_strokeColor, polygons_fillColor, polygons_zIndex, polygons_level, toNumber } = this.data try { polygons_points = JSON.parse(polygons_points) } catch (e) {} const params = {} polygons_points !== 'no' && (params.points = polygons_points) polygons_strokeWidth !== 'no' && (params.strokeWidth = toNumber ? Number(polygons_strokeWidth) : String(polygons_strokeWidth)) polygons_zIndex !== 'no' && (params.zIndex = toNumber ? Number(polygons_zIndex) : String(polygons_zIndex)) polygons_strokeColor !== 'no' && (params.strokeColor = polygons_strokeColor) polygons_fillColor !== 'no' && (params.fillColor = polygons_fillColor) polygons_level !== 'no' && (params.level = polygons_level) console.log('添加polygons: ', params) const polygons = this.data.polygons polygons.push(params) this.setData({ polygons }) }, changeSetting () { let {eidtingSetting} = this.data try { eidtingSetting = JSON.parse(eidtingSetting) } catch (e) {} console.log('修改setting： ', eidtingSetting) this.setData({ setting: eidtingSetting }) }, switchType (e) { const type = e.target.dataset.sencetype this.setData({ showingSence: type }) }, emitAddMarkers () { let { addmarkers_clear, booleanArray } = this.data addmarkers_clear = booleanArray[addmarkers_clear] const marker = this.countMarker() const params = { markers: [marker] } addmarkers_clear !== 'no' && (params.clear = addmarkers_clear) console.log('addMarkers 参数： ', params) mapcontext.addMarkers(Object.assign({ success: (res) => { console.log('debug: addMarkers succcess ', res) }, fail: (res) => { console.log('debug: addMarkers fail ', res) }, complete: (res) => { console.log('debug: addMarkers complete ', res) } }, params)) }, emitAddMarkers2 () { let { addmarkers_markers, addmarkers_clear, booleanArray } = this.data addmarkers_clear = booleanArray[addmarkers_clear] try { addmarkers_markers = JSON.parse(addmarkers_markers) } catch(e) {} const params = {} addmarkers_markers !== 'no' && (params.markers = addmarkers_markers) addmarkers_clear !== 'no' && (params.clear = addmarkers_clear) console.log('addMarkers 参数： ', params) mapcontext.addMarkers(Object.assign({ success: (res) => { console.log('debug: addMarkers succcess ', res) }, fail: (res) => { console.log('debug: addMarkers fail ', res) }, complete: (res) => { console.log('debug: addMarkers complete ', res) } }, params)) }, emitFromScreenLocation () { mapcontext.fromScreenLocation({ success: (res) => { console.log('debug: fromScreenLocation succcess ', res) }, fail: (res) => { console.log('debug: fromScreenLocation fail ', res) }, complete: (res) => { console.log('debug: fromScreenLocation complete ', res) } }) }, emitGetCenterLocation () { mapcontext.getCenterLocation({ iconPath: '/assets/images/logo.png', success: (res) => { console.log('debug: getCenterLocation succcess ', res) }, fail: (res) => { console.log('debug: getCenterLocation fail ', res) }, complete: (res) => { console.log('debug: getCenterLocation complete ', res) } }) }, emitApi (e) { const apiname = e.target.dataset.apiname mapcontext[apiname]({ success: (res) => { console.log(`debug: ${apiname} succcess `, res) }, fail: (res) => { console.log(`debug: ${apiname} fail `, res) }, complete: (res) => { console.log(`debug: ${apiname} complete `, res) } }) }, emitIncludePoints () { let { includePoints_points, includePoints_padding } = this.data try { includePoints_points = JSON.parse(includePoints_points) includePoints_padding = JSON.parse(includePoints_padding) } catch (e) {} const params = {} includePoints_points !== 'no' && (params.points = includePoints_points) includePoints_padding !== 'no' && (params.padding = includePoints_padding) console.log('includePoints 参数： ', params) mapcontext.includePoints(Object.assign({ success: (res) => { console.log(`debug: includePoints succcess `, res) }, fail: (res) => { console.log(`debug: includePoints fail `, res) }, complete: (res) => { console.log(`debug: includePoints complete `, res) } }, params)) }, emitInitMarkerCluster () { let { initmarkercluster_enableDefaultStyle, initmarkercluster_zoomOnClick, initmarkercluster_gridSize, booleanArray, toNumber } = this.data initmarkercluster_enableDefaultStyle = booleanArray[initmarkercluster_enableDefaultStyle] initmarkercluster_zoomOnClick = booleanArray[initmarkercluster_zoomOnClick] const params = {} initmarkercluster_enableDefaultStyle !== 'no' && (params.enableDefaultStyle = initmarkercluster_enableDefaultStyle) initmarkercluster_zoomOnClick !== 'no' && (params.zoomOnClick = initmarkercluster_zoomOnClick) initmarkercluster_gridSize !== 'no' && (params.gridSize = toNumber ? Number(initmarkercluster_gridSize) : String(initmarkercluster_gridSize)) console.log('initMarkerCluster 参数： ', params) mapcontext.initMarkerCluster(Object.assign({ success: (res) => { console.log(`debug: initMarkerCluster succcess `, res) }, fail: (res) => { console.log(`debug: initMarkerCluster fail `, res) }, complete: (res) => { console.log(`debug: initMarkerCluster complete `, res) } }, params)) }, emitMoveAlong2 () { let { moveAlong2_path, moveAlong2Markerid, moveAlong2_autoRotate, moveAlong2_duration, booleanArray, toNumber } = this.data moveAlong2_autoRotate = booleanArray[moveAlong2_autoRotate] let path = moveAlong2_path // if (moveAlong2_path === '{}') { // path = {} // } else if (moveAlong2_path === '[]') { // path = [] // } else { // try { // path = moveAlong2_path.replace('[', '').replace(']', '').split('},').map(e => { // const str = e.indexOf('}') > -1 ? e : (e + '}') // return JSON.parse(str) // }) // } catch (e) {} // } try { path = JSON.parse(moveAlong2_path) } catch (e) {} try { moveAlong2Markerid = JSON.parse(moveAlong2Markerid) } catch(e) { if (!isNaN(moveAlong2Markerid)) { moveAlong2Markerid = toNumber ? Number(moveAlong2Markerid) : String(moveAlong2Markerid) } } const params = {} moveAlong2Markerid !== 'no' && (params.markerId = moveAlong2Markerid) moveAlong2_autoRotate !== 'no' && (params.autoRotate = moveAlong2_autoRotate) moveAlong2_duration !== 'no' && (params.duration = toNumber ? Number(moveAlong2_duration) : String(moveAlong2_duration)) moveAlong2_path !== 'no' && (params.path = path) console.log('moveAlong 参数: ', params) mapcontext.moveAlong(Object.assign({ success: (res) => { console.log(`debug: moveAlong succcess `, res) }, fail: (res) => { console.log(`debug: moveAlong fail `, res) }, complete: (res) => { console.log(`debug: moveAlong complete `, res) } }, params)) }, emitMoveAlong () { let { moveAlong_path, moveAlongMarkerid, moveAlong_autoRotate, moveAlong_duration, booleanArray, toNumber } = this.data moveAlong_autoRotate = booleanArray[moveAlong_autoRotate] let path = moveAlong_path // if (moveAlong_path === '{}') { // path = {} // } else if (moveAlong_path === '[]') { // path = [] // } else { // try { // path = moveAlong_path.replace('[', '').replace(']', '').split('},').map(e => { // const str = e.indexOf('}') > -1 ? e : (e + '}') // return JSON.parse(str) // }) // } catch (e) {} // } try { path = JSON.parse(moveAlong_path) } catch (e) {} try { moveAlongMarkerid = JSON.parse(moveAlongMarkerid) } catch (e) { if (!isNaN(moveAlongMarkerid)) { moveAlongMarkerid = toNumber ? Number(moveAlongMarkerid) : String(moveAlongMarkerid) } } const params = {} moveAlongMarkerid !== 'no' && (params.markerId = moveAlongMarkerid) moveAlong_autoRotate !== 'no' && (params.autoRotate = moveAlong_autoRotate) moveAlong_duration !== 'no' && (params.duration = toNumber ? Number(moveAlong_duration) : String(moveAlong_duration)) moveAlong_path !== 'no' && (params.path = path) console.log('moveAlong 参数: ', params) mapcontext.moveAlong(Object.assign({ success: (res) => { console.log(`debug: moveAlong succcess `, res) }, fail: (res) => { console.log(`debug: moveAlong fail `, res) }, complete: (res) => { console.log(`debug: moveAlong complete `, res) } }, params)) }, emitMoveToLocation () { let { movetolocation_longitude, movetolocation_latitude, toNumber } = this.data const params = {} movetolocation_longitude !== 'no' && (params.longitude = toNumber ? Number(movetolocation_longitude) : String(movetolocation_longitude)) movetolocation_latitude !== 'no' && (params.latitude = toNumber ? Number(movetolocation_latitude) : String(movetolocation_latitude)) console.log('moveToLocation 参数: ', params) mapcontext.moveToLocation(Object.assign({ success: (res) => { console.log(`debug: moveToLocation succcess `, res) }, fail: (res) => { console.log(`debug: moveToLocation fail `, res) }, complete: (res) => { console.log(`debug: moveToLocation complete `, res) } }, params)) }, emitOn () { mapcontext.on('markerClusterCreate', (res) => { console.log('debug: mapcontext.on markerClusterCreate ',res) }) mapcontext.on('markerClusterClick', (res) => { console.log('debug: mapcontext.on markerClusterClick ',res) }) }, emitOpenMapApp () { let { openmapapp_longitude, openmapapp_latitude, openmapapp_destination, toNumber } = this.data const params = {} openmapapp_longitude !== 'no' && (params.longitude = toNumber ? Number(openmapapp_longitude) : String(openmapapp_longitude)) openmapapp_latitude !== 'no' && (params.latitude = toNumber ? Number(openmapapp_latitude) : String(openmapapp_latitude)) openmapapp_destination !== 'no' && (params.destination = openmapapp_destination) console.log('openMapApp 参数: ', params) mapcontext.openMapApp(Object.assign({ success: (res) => { console.log(`debug: openMapApp succcess `, res) }, fail: (res) => { console.log(`debug: openMapApp fail `, res) }, complete: (res) => { console.log(`debug: openMapApp complete `, res) } }, params)) }, emitRemoveMarkers () { let { removemarker_markerIds } = this.data try { removemarker_markerIds = JSON.parse(removemarker_markerIds) } catch (e) {} const params = {} removemarker_markerIds !== 'no' && (params.markerIds = removemarker_markerIds) console.log('removeMarkers 参数： ', params) mapcontext.removeMarkers(Object.assign({ success: (res) => { console.log(`debug: removeMarkers succcess `, res) }, fail: (res) => { console.log(`debug: removeMarkers fail `, res) }, complete: (res) => { console.log(`debug: removeMarkers complete `, res) } }, params)) }, emitSetCenterOffset () { const params = {} let { centerOffset } = this.data try { centerOffset = JSON.parse(centerOffset) } catch (e) {} centerOffset !== 'no' && (params.offset = centerOffset) console.log('setCenterOffset 参数: ', params) mapcontext.setCenterOffset(Object.assign({ success: (res) => { console.log(`debug: setCenterOffset succcess `, res) }, fail: (res) => { console.log(`debug: setCenterOffset fail `, res) }, complete: (res) => { console.log(`debug: setCenterOffset complete `, res) } }, params)) }, emitSetLocMarkerIcon () { const params = {} this.data.markerIconPath !== 'no' && (params.iconPath = this.data.markerIconPath) console.log('setLocMarkerIcon 参数: ', params) mapcontext.setLocMarkerIcon({ iconPath: '/assets/images/logo.png', success: (res) => { console.log(`debug: setLocMarkerIcon succcess `, res) }, fail: (res) => { console.log(`debug: setLocMarkerIcon fail `, res) }, complete: (res) => { console.log(`debug: setLocMarkerIcon complete `, res) } }) }, emitTranslateMarker ({nodest}) { let { translatemarkerMarkerid, translatemarker_marker_autoRotate, translatemarker_rotate, translatemarker_duration, translatemarker_marker_moveWithRotate, translatemarker_destination, booleanArray, toNumber } = this.data translatemarker_marker_autoRotate = booleanArray[translatemarker_marker_autoRotate] translatemarker_marker_moveWithRotate = booleanArray[translatemarker_marker_moveWithRotate] let destination = translatemarker_destination if (translatemarker_destination === 'null') { destination = null } else if (translatemarker_destination === '[]') { destination = [] } else { try { destination = JSON.parse(translatemarker_destination) } catch (e) {} } try { translatemarkerMarkerid = JSON.parse(translatemarkerMarkerid) } catch(e) { if (!isNaN(translatemarkerMarkerid)) { translatemarkerMarkerid = toNumber ? Number(translatemarkerMarkerid) : String(translatemarkerMarkerid) } } const params = {} translatemarkerMarkerid !== 'no' && (params.markerId = translatemarkerMarkerid) translatemarker_marker_autoRotate !== 'no' && (params.autoRotate = translatemarker_marker_autoRotate) translatemarker_rotate !== 'no' && (params.rotate = toNumber ? Number(translatemarker_rotate) : String(translatemarker_rotate)) translatemarker_duration !== 'no' && (params.duration = toNumber ? Number(translatemarker_duration) : String(translatemarker_duration)) translatemarker_marker_moveWithRotate !== 'no' && (params.moveWithRotate = translatemarker_marker_moveWithRotate) destination !== 'no' && (params.destination = destination) console.log('translateMarker 参数: ', params) mapcontext.translateMarker(Object.assign({ animationEnd: (res) => { console.log(`debug: translateMarker animationEnd `, res) }, success: (res) => { console.log(`debug: translateMarker succcess `, res) }, fail: (res) => { console.log(`debug: translateMarker fail `, res) }, complete: (res) => { console.log(`debug: translateMarker complete `, res) } }, params)) }, goBack () { wx.redirectTo({ url: '/pages/jumppage/index', }) }, latlongChange (e) { // const {toNumber} = this.data let latlong = e.detail.value try { if (latlong === '') { latlong = ['',''] } else if (latlong === 'null') { latlong = [null, null] } else { latlong = JSON.parse(e.detail.value) } } catch (e) { latlong = [latlong, null] } console.log(latlong) // const latitude = toNumber ? Number(latlong[0]) : String(latlong[0]) // const longitude = toNumber ? Number(latlong[1]) : String(latlong[1]) const latitude = latlong[0] const longitude = latlong[1] console.log(`改变latitude、longitude : ` ) console.log(latitude, longitude) this.setData({ latitude, longitude }) }, chooseLocalImage () { wx.chooseImage({ count: 1, success: (res) => { console.log(res) this.setData({ markerIconPath: res.tempFilePaths[0], controls_iconPath: res.tempFilePaths[0], polyline_arrowIconPath: res.tempFilePaths[0], markers_iconPath: res.tempFilePaths[0] }) } }) }, getstorepath () { wx.saveFile({ tempFilePath: this.data.markerIconPath, success: (res) => { console.log(res) this.setData({ markerIconPath: res.savedFilePath, controls_iconPath: res.savedFilePath, polyline_arrowIconPath: res.savedFilePath, markers_iconPath: res.savedFilePath }) } }) }, getusrpath () { wx.getFileSystemManager().saveFile({ tempFilePath: this.data.markerIconPath, filePath: `${wx.env.USER_DATA_PATH}/markericon/test.jpg`, success: (res) => { console.log(res) this.setData({ markerIconPath: res.savedFilePath, controls_iconPath: res.savedFilePath, polyline_arrowIconPath: res.savedFilePath, markers_iconPath: res.savedFilePath }) }, complete: (res) => { console.log(res) } }) }, attributeKeyChange (e) { const { toNumber } = this.data const { attribute, defaultnum, orginalattribute } = e.target.dataset let value = e.detail.value const orginalval = e.detail.value try { value = JSON.parse(value) } catch (e) { if (defaultnum) { value = toNumber ? (isNaN(value) ? value : Number(value)) : String(value) } } if (typeof value === 'number' && !toNumber) { value = String(value) } const obj = {} obj[attribute] = value orginalattribute && (obj[orginalattribute] = orginalval) console.log('改变的属性： ', obj) this.setData(obj) }, showMap () { this.setData({ mapShow: !this.data.mapShow }) }, emitchooseLocation () { wx.chooseLocation({ longitude: '85.1318117790985', latitude: '45.69139458288415', complete (res) { console.log('chooseLocation complete ', res) } }) }, emitinvokeMapTask: function () { wx.invokeMapTask({ complete: (res) => { console.log(res) } }) }, emitchooseimage () { wx.chooseImage({ count: 3, // sizeType: 'original', sourceType: ['album', 'camera'], complete: function complete(res) { console.log(res) } }) }, goPage () { wx.navigateTo({ url: '/pages/mapmultiple/mapmultiple' }) }, testundefined () { this.setData({ latitude: undefined }) } })