vue调用百度地图动态修改中心点

初始化地图
initialApi () {
      var map = new BMap.Map("allmap")

      //初始化地图时中心点的位置为深圳
      var point = new BMap.Point('深圳')
      //var point = new BMap.Point(116.3972282409668,39.90960456049752)
     
      map.centerAndZoom(point, 12)
      this.myDis = new BMapLib.DistanceTool(map);

      map.enableScrollWheelZoom(true)
      map.addControl(new BMap.NavigationControl())
      map.addControl(new BMap.ScaleControl())
      map.addControl(new BMap.OverviewMapControl())

      function myFun(result){
        var cityName = result.name
        map.setCenter(cityName)
      }
      //var myCity = new map.LocalCity()
      var myCity = new BMap.LocalCity()
      myCity.get(myFun)
      this.map = map
    },
1.修改中心点:
function apiLine(api, color) {
        let list = []
        let result = api.sort(function(a, b) {
          return (
            parseInt(a.lineOrder) - parseInt(b.lineOrder)
          )
        })
        //获取要修改的中心点的经纬度
        let lon = result[0].lon;
        let lat = result[0].lat;
        for (let i = 0; i < result.length; i++) {
          let point = new BMap.Point(result[i].lon, result[i].lat)
          list.push(point)
        }
        var polyline = new BMap.Polyline(list, {strokeColor: color, strokeWeight: 1.5, strokeOpacity: 1});  //创建折线
        if (that.lineCheckbox) {
          //修改中心点
          that.map.centerAndZoom(new BMap.Point(lon, lat), 12); 
          that.map.addOverlay(polyline)
        } else {
          that.map.clearOverlays()
        }
      }

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值