上传图片、预览图片
上传图片（uni.chooseImage）
从本地相册选择图片或使用相机拍照。
案例代码
<template>
<view>
<button @click="chooseImg" type="primary">上传图片</button>
<view>
<image v-for="item in imgList" :src="item" :key="index"></image>
</view>
</view>
</template>
<script>
export default {
data () {
return {
imgList: []
}
},
methods: {
chooseImg () {
uni.chooseImage({
count: 2,
success: res=>{
this.imgList = res.tempFilePaths
}
})
}
}
}
</script>
预览图片
通过列表渲染（v-for）来展示图片
<view>
<image v-for="item in imgList" :src="item" @click="previewImg(item)" :key="item"></image>
</view>
12345
预览图片的方法
previewImg (current) {
uni.previewImage({
urls: this.imgList,
current
// 等同于 current:current
})
}
map（地图）
添加地图组件，或者将传递数据给指定的地图的小程序中，如高德DT
h5中的maps
Maps模块是管理地图的控件，用于在web页面中显示地图控件，提供各种接口操作地图控件，如添加标点、路线等。通过plus.maps可获取地图管理对象。
方法
| 方法名 | 说明 |
|---|---|
| openSysMap | 调用系统第三方程序进行导航 |
| create | 创建Map对象 |
| getMapById | 查找已经创建的Map对象 |
对象
| 对象名 | 说明 |
|---|---|
| Map | 地图控件对象 |
| MapStyles | 地图控件对象的参数 |
| GeocodeOptions | 地理编码转换的参数 |
| CoordinateConvertOptions | 地图坐标转换的参数 |
| Point | Point对象用于表示地图元素的坐标 |
| Bounds | 地理区域 |
| MapType | 地图视图类型 |
| Overlay | 地图覆盖物基类对象 |
| Marker | 地图上显示的标点对象 |
| Bubble | 地图上显示的气泡对象 |
| Circle | 地图上显示的圆圈对象 |
| Polyline | 地图上显示的折线对象 |
| Polygon | 地图上显示的多边形对象 |
| Search | 地图检索对象 |
| SearchPolicy | 检索策略类型 |
| SearchPoiResult | 保存位置检索、周边检索和范围检索返回的结果 |
| SearchRouteResult | 保存位置检索、周边检索和范围检索返回的结 |
| Position | 检索结果的位置点 |
| Route | 地图中的路线对象 |
回调方法
| 回调方法名 | 说明 |
|---|---|
| GeocodeCallback | 地理编码转换成功的回调函数 |
| CoordinateConvertCallback | 坐标转换成功的回调函数 |
| DistanceCalculateCallback | 距离计算成功的回调函数 |
| AreaCalculateCallback | 地理区域面积计算成功的回调函数 |
| UserLocationCallback | 获取用户当前位置信息成功回调 |
| ClickEventHandler | 用户点击地图回调事件 |
| StatusChangedEventHandler | 地图状态变化回调事件 |
| OverlayClickEventHandler | 用户点击地图覆盖物回调事件 |
| OverlayDragEventHandler | 用户拖拽覆盖物回调事件 |
| PoiSearchCallback | 兴趣点检索完成事件 |
| RouteSearchCallback | 线路检索完成事件 |
| SuccessCallback | 地图操作成功回调函数 |
| ErrorCallback | 地图操作失败的回调函数 |
uni-app中的map
地图组件用于展示地图，而定位API只是获取坐标（各个属性的详细介绍点击标题进入官网查看）
属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| longitude | Number | 中心经度 | |
| latitude | Number | 中心纬度 | |
| scale | Number | 16 | 缩放级别，取值范围为5-18 |
| markers | Array | 标记点 | |
| polyline | Array | 路线 | |
| circles | Array | 圆 | |
| controls | Array | 控件 | |
| include-points | Array | 缩放视野以包含所有给定的坐标点 | |
| show-compass | Boolean | false | 是否显示指南针 |
| enable-satellite | Boolean | false | 是否开启卫星图 |
| enable-traffic | Boolean | false | 是否开启实时路况 |
| show-location | Boolean | 显示带有方向的当前定位点 | |
| @markertap | EventHandle | 点击标记点时触发，e.detail = {markerId} | |
| @labeltap | EventHandle | 点击label时触发，e.detail = {markerId} | |
| @callouttap | EventHandle | 点击标记点对应的气泡时触发，e.detail = {markerId} | |
| @controltap | EventHandle | 点击控件时触发，e.detail = {controlId} | |
| @regionchange | EventHandle | 视野发生变化时触发 | |
| @tap | EventHandle | 点击地图时触发; App-nuve、微信小程序2.9支持返回经纬度 | |
| @updated | EventHandle | 在地图渲染更新完成时触发 |
注意
在数组中也有一个map，但是数组的map是映射函数。