vue项目(vue-cli3)引入百度地图

第一步骤

在 index.html 中写上

注:如果服务器的访问协议是https,则以上src也需要改为https协议


第二步骤

在 vue.config.js 中写上

vue项目(vue-cli3)引入百度地图_第1张图片


第三步骤

公用组件开发









第四步骤

业务组件引入公用组件
import TheMap from "./TheMap";

getLocation(location) {
      //赋值经度纬度和地址
      if (location) {
        this.form.lng = location.lng;
        this.form.lat = location.lat;
        this.form.projectAddress = location.address;
      }
    }
// 搜索定位代码

效果图

vue项目(vue-cli3)引入百度地图_第2张图片

你可能感兴趣的:(扩展功能)