百度地图

//   新增编辑位置地图
    showMap () {
      alert("我是地图")
      // dialog展开动画结束后 渲染地图
      var map = new BMap.Map('mapBox')
      var point = new BMap.Point(118.058188, 36.846818)
      map.centerAndZoom(point, 7)
      map.enableScrollWheelZoom(true)
      // 如果是编辑 则显示已存在的marker
      if (this.formData.longitude && this.formData.latitude) {
        var pt = new BMap.Point(this.formData.longitude, this.formData.latitude)
        var marker = new BMap.Marker(pt)
        map.addOverlay(marker)
      }
      // 点击地图时 在点击位置创建一个marker 清空其他所有marker
      map.addEventListener('click', (e) => {
        map.clearOverlays()
        var lng = e.point.lng
        var lat = e.point.lat
        this.formData.longitude = lng
        this.formData.latitude = lat
        // 创建标注位置
        var pt = new BMap.Point(lng, lat)
        var marker = new BMap.Marker(pt) // 创建标注
        map.addOverlay(marker) // 将标注添加到地图中
      })
    },
    aa () {
      // 创建地图对象
      //创建地图坐标位置
      //把位置给对象 第二个参数是 缩放比例
      //是否开启滚轮缩放
      //判断如果是编辑
      //创建标注 添加到地图中
      //删除覆盖只留一个标注
      //创建标注位置
      //创建标注
      //标注添加到地图中
    },
posted @ 2021-08-09 11:37  k凯阳  阅读(54)  评论(0)    收藏  举报