tg-map-vue3

封装 百度地图, Google地图, Here地图(未完成) 的Vue3组件库

使用

pnpm install tg-map-vue3

发布

修改package.json的版本号, 并推送到github, 则会自动发布新版

开发

初始化仓库

# 拉取本仓库
git clone https://github.com/TranscodeGroup/tg-map.git
# 进入本地仓库目录
cd tg-map
# 安装依赖
pnpm install
# 往npm中注册@@transcodegroup\tg-map
pnpm link
# 进入需要依赖@transcodegroup\tg-map的仓库目录($REPO_MAIN_PATH替换成你自己的路径)
cd $REPO_MAIN_PATH
# 链接之前注册的@tg/map到该仓库
pnpm link @transcodegroup\tg-map

修改一些第三方库的package.json

TypeScript/VSCode默认只会读取package.json中的main字段, 而webpack默认依次读取[brower, module, main], 通常main中都是xxx.umd.js, TypeScript/VSCode并不能使用它的JSDoc生成类型信息, 可以手动把package.json中的main改成和module相同的内容, 以获取智能提示.

以下是推荐手动修改的包:

1. @google/markerclusterer

修改第三方库的代码

有些不影响功能的小问题, 懒得fork, 直接修改代码来的快点_(:3」∠)_

1. 目前没有要改的代码

修改VSCode配置

用户配置:

{
    // 统一使用项目中的TS版本
    "typescript.tsdk": "node_modules/typescript/lib",
}

构建

# 修改代码后要重新构建
pnpm run build

其他

pnpm install

Compile and Hot-Reload for Development

pnpm run dev

Type-Check, Compile and Minify for Production

pnpm run build

Lint with ESLint

pnpm run lint

Customize configuration

See Vite Configuration Reference.

参考文档

• 百度Javascript API v3.0: 老版, 类参考
• 百度Javascript API GL: 新的基于WebGL的实现, 类参考
• Google Maps Javascript API: Google地图, 类参考