修改地图

pages/map/index.vue

@@ -6,6 +6,7 @@
 </template>
 
 <script>
+	let innerAudioContext = uni.createInnerAudioContext();
 	export default {
 		data() {
 			return {
@@ -13,11 +14,14 @@
 				markers: []
 			}
 		},
-		onLoad: async function() {
+		onShow: async function() {
 			const that = this;
 			that.searchConfig();
 			that.search();
 		},
+		onHide: function(e) {
+			innerAudioContext.destroy(); //销毁这个实例
+		},
 		methods: {
 			async searchConfig() {
 				const that = this;
@@ -51,11 +55,17 @@
 			},
 			// 点击标记点对应的气泡 播放多种语音类型的讲解
 			toTap(e) {
-				console.log(e);
-				const innerAudioContext = uni.createInnerAudioContext();
+				const that = this;
+				const markerId = e.detail.markerId.toString()
+				const index = markerId.substr(markerId.length - 1)
+				const marker = that.markers[index]
+				let src;
+				if (marker.audio.length > 0) src = marker.audio[0].url
+				innerAudioContext.destroy(); //销毁这个实例
+				innerAudioContext = uni.createInnerAudioContext();
 				innerAudioContext.autoplay = true;
-				innerAudioContext.src =
-					'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3';
+				innerAudioContext.sessionCategory = "soloAmbient"
+				innerAudioContext.src = src
 				innerAudioContext.onPlay(() => {
 					console.log('开始播放');
 				});

unpackage/dist/dev/mp-weixin/pages/map/index.js

@@ -154,6 +154,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 //
 //
 //
+
+var innerAudioContext = uni.createInnerAudioContext();
 var _default = {
   data: function data() {
     return {
@@ -161,8 +163,8 @@ var _default = {
       markers: []
     };
   },
-  onLoad: function () {
-    var _onLoad = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+  onShow: function () {
+    var _onShow = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var that;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
@@ -178,11 +180,15 @@ var _default = {
         }
       }, _callee, this);
     }));
-    function onLoad() {
-      return _onLoad.apply(this, arguments);
+    function onShow() {
+      return _onShow.apply(this, arguments);
     }
-    return onLoad;
+    return onShow;
   }(),
+  onHide: function onHide(e) {
+    innerAudioContext.destroy(); //销毁这个实例
+  },
+
   methods: {
     searchConfig: function searchConfig() {
       var _this = this;
@@ -247,10 +253,17 @@ var _default = {
     },
     // 点击标记点对应的气泡 播放多种语音类型的讲解
     toTap: function toTap(e) {
-      console.log(e);
-      var innerAudioContext = uni.createInnerAudioContext();
+      var that = this;
+      var markerId = e.detail.markerId.toString();
+      var index = markerId.substr(markerId.length - 1);
+      var marker = that.markers[index];
+      var src;
+      if (marker.audio.length > 0) src = marker.audio[0].url;
+      innerAudioContext.destroy(); //销毁这个实例
+      innerAudioContext = uni.createInnerAudioContext();
       innerAudioContext.autoplay = true;
-      innerAudioContext.src = 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3';
+      innerAudioContext.sessionCategory = "soloAmbient";
+      innerAudioContext.src = src;
       innerAudioContext.onPlay(function () {
         console.log('开始播放');
       });