微信小程序基础之媒体（图片，音频，视频）和地图的使用

好久没有写过关于微信小程序的Demo了，今天向大家展示的关于媒体（图片，音频，视频）和地图的使用方法，希望对大家有所帮助，不喜勿喷，谢谢~代码中都有必要的文字注释，部分代码如下：

图片：

音频：

<!--pages/index/Component/Audio/Audio.wxml-->
<view class="viewTitle">
    <text class="view-Name">Audio音频</text>
    <view class="lineView"></view>
</view>
<!--设计音频展示样式-->
<view class="section section_gap" style="text-align: center;">
      <audio src="{{current.src}}" poster="{{current.poster}}" name="{{current.name}}" author="{{current.author}}" action="{{audioAction}}" controls></audio>
</view>

视频：

地图：

<!--pages/index/Component/Map/Map.wxml-->
<view class="viewTitle">
    <text class="view-Name">Map地图</text>
    <view class="lineView"></view>
</view>
<!--latitude:维度,longitude:经度-->
<view class="section section_gap">
      <map
        style="width: 100%; height: 500px;"
        latitude="{{latitude}}"
        longitude="{{longitude}}"
        markers="{{markers}}"
        covers="{{covers}}"
        >
      </map>
</view>

效果图：