使用

安装命令：npm install yc-mapvis

vue.config.js 中配置代理

module.exports = {
  devServer: {
    // ---配置以下代码---
    proxy: {
      ["/map-api"]: {
        target: `http://218.77.33.183:6700`,
        changeOrigin: true,
        pathRewrite: {
          ["^/map-api"]: "",
        },
      },
    },
    // ---配置以上代码---
  },
};

创建组件页面 如：views/mapvis.vue

<template>
  <yc-map-vis></yc-map-vis>
</template>

<script>
  import Vue from "vue";
  import ycMapVis from "yc-mapvis";
  import "yc-mapvis/dist/yc-mapvis.css";
  Vue.use(ycMapVis);
  export default {}; // 不加打包报错
</script>

公用路由配置

{
    path: "/mapvis",
    component: () => import("@/views/mapvis"),
}

需要地方点击打开新窗口

<router-link
  target="_blank"
  :to="{ path: '/mapvis' }"
>
  <el-button>可视化地图</el-button>
</router-link>