vue人员轨迹_Vue 百度地图轨迹

本文介绍了如何在Vue项目中结合百度地图API绘制人员轨迹。通过在index.html引入地图API,然后在Vue组件中定义方法`initMap()`,创建地图实例,添加控制元素,并根据经纬度数据绘制轨迹。同时,设置了起点和终点的图标。
摘要由CSDN通过智能技术生成

首先我们在我们的项目的根目录找到index.html 我们把百度地图的api引入进去这样全局都可以使用

1、methods 里面定义一个需要使用的方法:

initMap() {

var map = new BMap.Map("allmap");    // 创建Map实例

//  map.enableScrollWheelZoom();

map.addControl(new BMap.ScaleControl());

var datas = [

{latitude: "31.228525", longitude: "121.512917"},

{latitude: "31.228532", longitude: "121.512878"},

{latitude: "31.228503", longitude: "121.5129"},

{latitude: "31.224641", longitude: "121.510536"},

{latitude: "31.228535", longitude: "121.512903"},

{latitude: "31.228529", longitude: "121.512861"},

{latitude: "31.228521", longitude: "121.512908"},

{latitude: "31.228608", longitude: "121.513078"},

{latitude: "31.228538", longitude: "

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值