安装

警告

yymap 整个体系不支持 NPM ESM 的方式使用，仅仅支持传统型的 script 脚本的方式，如果你想在 ESM 项目里使用可以配置下开发工具的外部扩展(externals), 请根据自己的项目打包工具选择合适的配置项

Webpack

Webpack（一般是自己搭建的脚手架/React/Angular等）

//weppack config

externals: {
    yymap: "YY";
}

Vue Cli

Vue Cli(Vue Project)

//vue.config.js

configureWebpack: {
    externals: {
        yymap: 'YY',
    },
}

Vitejs

Vitejs(Vite Template)

//vite.config.js

import {
    defineConfig
} from "vite";
import vue from "@vitejs/plugin-vue";
import {
    viteExternalsPlugin
} from "vite-plugin-externals";

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        viteExternalsPlugin({
            yymap: "YY",
        }),
    ],
});

vue-cli+yymap 例子
vite-vue-yymap 例子

自建的 cdn(建议使用)

<link rel="stylesheet" href="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap@latest/dist/yy.min.css" />
<script type="text/javascript" src="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap@latest/dist/yy.min.js"></script>
<!-- gl render plugin -->
<script type="text/javascript" src="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap@latest/dist/yymap-gl.min.js"></script>

NPM

NPM VERSION

怎样离线?

你可以把你需要的资源下载下来放到自己的项目里