Skip to content

weizwz/vite-vue3-charts

Repository files navigation

weiz-vue3-charts

简介

vite5 + vue3 + ts + datav-vue3 + echarts + 百度地图 大屏展示

预览地址 https://weizwz.com/vite-vue3-charts/

image image

本项目数据重属虚构,请勿商用

运行

安装依赖

npm i

运行

npm run dev

打包

npm run build

地图

由于对百度地图api加了白名单,请自行替换为你的api地址。修改根目录下的 index.html

<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=你的ak"></script>

百度地图API设置白名单后,本地仍可调用方法:

  1. 假设百度白名单为 *haha.com*
  2. 本地修改hosts文件:
  • windows文件位置 C:\Windows\System32\drivers\etc
  • mac 下使用 sudo vi /etc/hosts 编辑,输入 i 进入编辑模式,修改完,按 ESC 后输入:号,然后输入 wq 回车保存。
127.0.0.1         haha.com
  1. 本地访问地址,使用 haha.com:8000,即可正常访问百度地图API

文档

1. vite+vue3 配合 echarts 使用文档

vue3+ts打开echarts的正确方式