动态设置途径点但是不会只能规划路线,只能根据你所获取的数据排序,并且数据多的话会卡顿,等待百度地图响应时间过长,改进后会再次记录 <template>
<div class="mod-user">
<div id="container"></div>
</div>
</template>
<script type="text/javascript" src="api.map.baidu/api?v=1.2"></script>
<script>
export default{
data(){
return{
localPosition:[
{lng:'120.068556',lat:'30.287516'},
{lng:'120.073827',lat:'30.298416'},
{lng:'120.033125',lat:'30.286039'},
{lng:'120.011272',lat:'30.298565'},
{lng:'119.998025',lat:'30.289515'},
钦州一日游必去景点{lng:'120.134467',lat:'30.297798'},
{lng:'120.14465',lat:'30.299306'},
{lng:'120.13996',lat:'30.295112'},
]
自助烤肉店39元一位}
},
components:{
},
activated(){
this.windowRun()
},
methods:{
windowRun(){
var map =new BMap.Map("container");
map.addControl(new BMap.NavigationControl());// 添加平移缩放控件 map.addControl(new BMap.ScaleControl());// 添加⽐例尺控件
map.addControl(new BMap.OverviewMapControl());//添加缩略地图控件
var arr=[]盱眙龙虾
this.localPosition.map((item, index)=>{
var name ='map'+ index
arr[name]=new BMap.Point(item.lng, item.lat)
arr.push(arr[name])
})
map.clearOverlays();//清除地图上所有的覆盖物
var driving =new BMap.DrivingRoute(map);//创建驾车实例
for(var i=0;i<arr.length;i++){
if(arr.length-i!=1){
driving.search(arr[i],arr[i+1])//驾车搜索
}
}
var address=this.localPosition
driving.setSearchCompleteCallback(function(){
var pts = Results().getPlan(0).getRoute(0).getPath();//通过驾车实例,获得⼀系列点的数组
var polyline =new BMap.Polyline(pts);
map.addOverlay(polyline);
console.log(address)
var newArry=[]
address.map((item, index)=>{
var mName='m'+ index
arr.map((data,index)=>{
newArry.push(data)
mName=new BMap.Marker(data)//创建marker
map.addOverlay(mName)
var lab='lab'+ index
lab=new BMap.Label("门店"+Number(index+1),{position:data})//创建label map.addOverlay(lab)
})
})
console.log(newArry)
setTimeout(function(){
map.setViewport(newArry);//调整到最佳视野
},1000);伊犁师范大学
五台山自驾游攻略一日});
}
}
}
</script>