vue は Baidu マップを呼び出して中心点を動的に変更します

マップを初期化します
InitialApi () {       var map = new BMap.Map("allmap")

      //地図初期化時の中心点の位置は深セン
      var point = new BMap.Point('Shenzhen')
      //var point = new BMap.Point(116.3972282409668,39.90960456049752)
     
      map.centerAndZoom(point, 12)
      これ。 myDis = 新しい 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 = マップ     }, 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(リスト、{ストロークカラー: カラー、ストロークウェイト: 1.5、ストローク不透明度: 1}); //折線を作成         if (that.lineCheckbox) {           //中心点を修正           that.map.centerAndZoom(new BMap.Point(lon, lat), 12);            that.map.addOverlay(polyline)         } else {           that.map.clearOverlays()         }       }