tg-map-vue3

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

使用

安装:

pnpm install tg-map-vue3

使用:

<template>
    <TgMap> </TgMap>
</template>
<script lang="ts" setup>
import { TgMap } from 'tg-map-vue3'
// 需要手动导入样式文件
import 'tg-map-vue3/dist/tg-map.css'
</script>

发布

在npm上, 登录transcode-group帐号后, 可以发布该项目的所有库

pnpm -r publish

开发

初始化仓库

# 拉取本仓库
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

构建

# 修改代码后要重新构建
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地图, 类参考
• maptalks: 自绘地图, 类参考