便利贴--38{uni +map 基本 使用}

使用

<map :scale='18' id="myMap" style="width: 100%" :style="{height: mapHeight + 'px'}" :markers="markers"
			:longitude="longitude" :latitude="latitude" :circles="circles" :polyline="mypolylines" show-location="true">

			<cover-view class="dingwBut" @click="mapControlsBack">

				<cover-image src="./map/img/dingwei.png" @click="mapControlsBack" :class="[oncePotion?'oncePotion':'']">
				</cover-image>
			</cover-view>

		</map>

数据

mapHeight: 0,
				latitude: 28.687205773173343,
				longitude: 115.8995839881188,
				circles: [{ //集合点
					latitude: '',
					longitude: '',
					// fillColor: "#429FFF", //填充颜色
					// color: "#A7B6CB", //描边的颜色
					// radius: 2, //半径
					// strokeWidth: 2, //描边的宽度
				}, {
					latitude: '',
					longitude: '',
					// fillColor: "#D9E6EF", //填充颜色
					// color: "#A7B6CB", //描边的颜色
					// radius: 10, //半径
					// strokeWidth: 2, //描边的宽度
				}], //圆
				markers: [{ // 集合点
					width: '80',
					height: '80',
					// label: {
					// 	content: "集合点",
					// 	color: "#FE0000",
					// 	fontSize: 24,
					// 	textAlign: "center",
					// },
					id: 1,
					latitude: '',
					longitude: '',
					iconPath: '/static/dinw/location7.png',
				}, {
					width: '50',
					height: '50',
					id: 2,
					latitude: '',
					longitude: '',
					iconPath: '/static/dinw/dinw13.png',
				}], //标记点
					mypolylines: [{ //指定一系列坐标点，从数组第一项连线至最后一项
						points: [],
						color: "#FE0000", //线的颜色
						width: 10, //线的宽度
						dottedLine: false, //是否虚线
						arrowLine: false, //带箭头的线 开发者工具暂不支持该属性
					},
					{ //指定一系列坐标点，从数组第一项连线至最后一项
						points: [],
						color: "#10a4ff", //线的颜色
						width: 10, //线的宽度
						dottedLine: false, //是否虚线
						arrowLine: false, //带箭头的线 开发者工具暂不支持该属性
					},
				],

onload

	uni.getSystemInfo({ //初始化地图高度
				success(res) {
					that.mapHeight = res.windowHeight;
				}
			});