uniapp——地图路线绘制map

html 复制代码
<map class="map" :latitude="37.48205260" :longitude="121.44577861" scale="16" show-compass="true"
				show-scale="true" :polyline="polyline"></map>
javascript 复制代码
data() {
	return {
			polyline: [{
				points: [{
					longitude: 121.44577861,
					latitude: 37.48205260
				}, {
					longitude: 121.44611657,
					latitude: 37.48207388
				}, {
					longitude: 121.44725382,
					latitude: 37.48224841
				}, {
					longitude: 121.44766152,
					latitude: 37.48237186
				}, {
					longitude: 121.4475274100,
					latitude: 37.4827039000
				}, {
					longitude: 121.44748986,
					latitude: 37.48299336
				}, {
					longitude: 121.4476454300,
					latitude: 37.4831679000
				}, {
					longitude: 121.4478063600,
					latitude: 37.4831381000
				}, {
					longitude: 121.4479565600,
					latitude: 37.4831295800
				}, {
					longitude: 121.4480263000,
					latitude: 37.4831636400
				}, {
					longitude: 121.44820869,
					latitude: 37.48330837
				}],
				color: "#0AAD6E",
				width: 5,
				dottedLine: false
			}]
		};
	},
相关推荐
毕设源码-郭学长1 天前
【开题答辩全过程】以 基于uni-app的维修上门服务小程序设计与实现为例,包含答辩的问题和答案
uni-app
xiaohe06011 天前
📦 Uni ECharts 是如何使用定制 echarts 的?一篇文章轻松掌握!
vue.js·uni-app·echarts
Front思1 天前
uniapp实现物流节点
uni-app
赵庆明老师1 天前
uniapp 微信小程序页面JS模板
javascript·微信小程序·uni-app
熬耶1 天前
uniapp 简单实现列表左滑操作
uni-app
小白学过的代码1 天前
UniApp 引入 Cesium 开发: RenderJS 避坑
uni-app
jingling5551 天前
uni-app 安卓端完美接入卫星地图:解决图层缺失与层级过高难题
android·前端·javascript·uni-app
2501_915918412 天前
iOS 开发中证书创建与管理中的常见问题
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张2 天前
IOScer 开发环境证书包括哪些,证书、描述文件与 App ID 的协同管理实践
android·ios·小程序·https·uni-app·iphone·webview
天府之绝2 天前
Uniapp App(Android)端 非媒体文件的选择、上传、下载、查看功能
uni-app