vue 使用百度地图

引入 public /index 下



  
    
    
    
    
    
    
    <%= webpackConfig.name %>
  
  
    
    

element ui

取 消 确 定

方法

export default {
     data() {
        return {
            map: null,//地图
            local: null,//地址
            mk: null,//标注
            latitude: '',//纬度
            longitude: '',//经度
            keyWords: '',//地图
         }
    },
      mounted() {
            this.initMap()
  },
  methods: {
           //地图
    initMap(){
     
      this.map = new BMap.Map('map')
      //设置初始地图显示在哪个地方,例如北京颐和园(116.278362,40.006076)
      let point = new BMap.Point(116.278362,40.006076)
      this.map.centerAndZoom(point, 10) //初始化地图,设置城市和地图级别
      this.map.addOverlay(new BMap.Marker(point));//定点坐标红点覆盖
      this.map.enableScrollWheelZoom(true) // 开启鼠标滚轮缩放
      this.map.addControl(new BMap.NavigationControl())
      var that=this
      //点击事件
      this.map.addEventListener("click", function(e){
        that.latitude=that.latitude
        that.longitude = that.longitude
      //获取地图上所有的覆盖物,
        var allOverlay = that.map.getOverlays();
        for(var i = 0;i

备注:
记得给map地图 长宽


你可能感兴趣的:(vue 使用百度地图)