小程序的地图

小程序的地图

Author: liyonglu123

微信小程序的测试/app.json

@@ -1,10 +1,10 @@
 {
   "pages":[
+    "pages/index/index",
     "pages/dataStore/index",
     "pages/zhouqi/index",
 
     "pages/customMusic/index",
-    "pages/index/index",
     "pages/logs/logs"
   ],
   "window":{

微信小程序的测试/pages/index/index.js

@@ -157,6 +157,8 @@ onReady: function (e) {
   this.audioCtx = wx.createAudioContext('myAudio')
 },
 data: {
+  position: '', // 当前的位置
+  tempFilePaths: '', // 文件的位置
   poster: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',
   name: '此时此刻',
   author: '许巍',
@@ -173,5 +175,58 @@ audio14: function () {
 },
 audioStart: function () {
   this.audioCtx.seek(0)
-}
+},
+onLoad(){
+  //  逆向解码获得具体的位置信息
+  var that = this;
+  wx.getLocation({
+    type: 'wgs84',
+    success: function(res) {
+      var latitude = res.latitude
+      var longitude = res.longitude
+      var speed = res.speed
+      var accuracy = res.accuracy
+      var location = latitude+','+longitude
+    //   wx.openLocation({
+    //   latitude: latitude,
+    //   longitude: longitude,
+    //   scale: 28
+    // })
+      wx.request({
+        url: 'http://api.map.baidu.com/geocoder/v2/?location='+location+'&output=json&pois=1&ak=TmrCpX3fYsHAczyCnoL7cln6AADvYHCu',
+        success: function(res){
+          // debugger
+          console.log(res.data.result.formatted_address)
+          that.setData({
+            position: res.data.result.formatted_address
+          })
+        }
+      })
+      // that.chooseImg()
+    }
+  })
+},
+chooseImg(){
+  var that = this;
+  wx.chooseImage({
+    count: 1, // 默认9
+    sizeType: ['original'], // 可以指定是原图还是压缩图，默认二者都有
+    sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
+    success: function (res) {
+      // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
+     that.setData({
+      tempFilePaths: res.tempFilePaths[0]
+     })
+    
+    }
+  })
+},
+// 转发  开启之后才会有效果的
+onShareAppMessage(){ 
+  // debugger
+  // return {
+  //   title: '你好，世界',
+  //   path: '/pages/index/index'
+  // }
+  }
 })

微信小程序的测试/pages/index/index.wxml

@@ -1,6 +1,6 @@
 <!--index.wxml-->
 <view class="container">
-
+    <text>{{position}}</text>
     <audio poster="{{poster}}" name="{{name}}" author="{{author}}" src="{{src}}" id="myAudio" controls loop></audio>
 
     <button type="primary" bindtap="audioPlay">播放</button>
@@ -40,4 +40,6 @@
       </view>
     </view>
   </view> -->
+  <image wx:if="{{tempFilePaths}}!=''" src="{{tempFilePaths}}" mode="{{}}"></image>
+  <!-- <button type="default" size="default" plain="false" bindtap="chooseImg" hover-class="button-hover">button</button> -->
 </view>

微信小程序的测试/project.config.json

@@ -1,16 +1,16 @@
 {
 	"description": "项目配置文件。",
 	"setting": {
-		"urlCheck": true,
-		"es6": true,
-		"postcss": true,
-		"minified": true,
+		"urlCheck": false,
+		"es6": false,
+		"postcss": false,
+		"minified": false,
 		"newFeature": true
 	},
 	"compileType": "miniprogram",
 	"libVersion": "1.5.4",
 	"appid": "wx211f510021b4eb18",
-	"projectname": "%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%9A%84%E6%B5%8B%E8%AF%95%E7%89%88",
+	"projectname": "%E5%9C%B0%E7%90%86%E4%BD%8D%E7%BD%AE%E7%9A%84%E6%B5%8B%E8%AF%95",
 	"condition": {
 		"search": {
 			"current": -1,