奥维互动地图谷歌图源，通过自建Vercel反代实现墙内访问 - DaPeng‘s Blog

前言

续上一篇教程https://blog.csdn.net/u011623755/article/details/123690569，因为CF Worker的worker.dev域名在国内已经无法访问，上一篇教程提供的搭建方法已经无法正常访问，这一篇教程就来教大家使用另一款免费的“CDN” Vercel来实现，同样零成本。

所需资源

你需要注册一个Vercel的账号，以及看完本教程的耐心。

1.创建Vercel账号

1.进入Vercel首页https://vercel.com，在右上角选择“Sign Up”注册账户。

自行注册账号即可，这里推荐使用Github账户直接登录，如果没有Github账户，使用邮箱继续注册也可以（不推荐使用QQ邮箱，可能注册失败，或者在后续过程中接收不到登陆密钥）。

2.安装Nodejs并配置环境

1.从https://nodejs.org/zh-cn/download/中根据自己的系统，下载并安装“Nodejs 16”安装文件

2.一路下一步即可完成安装，结束之后我们打开系统自带的命令行终端“CMD”（Win+R键，然后输入cmd并回车），输入node -v 并回车，出现版本号即为安装成功。

2.x.（可选/推荐）更换软件源，在终端中，输入 npm config set registry https://registry.npm.taobao.org 并回车，可将镜像改为国内，加快下载速度。

3.在终端中，输入 npm i -g vercel 并回车，安装Vercel CLI，完成后输入 vercel -v 并回车，出现版本号即为安装成功。

4.在终端中，输入 vercel login 并回车，随后上下键选择“Github”并回车，在弹出的浏览器窗口确认即可完成登录；如果是邮箱注册，选择“Email”后输入邮箱地址，随后会收到一封邮件，在邮件中点击验证即可完成登录。

3.构建并部署反代

1.在桌面新建一个文件夹“vercel”，文件夹内新建一个json文件我们取名为“google.json”，右键编辑输入以下内容并保存：

{
	"version": 2,
	"routes": [
		{"src": "/(.*)","dest": "https://mt1.google.cn/$1"}
	]
}

2.在终端中输入 cd .\Desktop\vercel 进入“vercel”文件夹，随后输入 vercel -A google.json --prod 并回车。

3.随后按照提示以此输入或选择合适的配置，下面是示范选项：Y/选择自己的空间名/N/项目名/路径（直接回车）/Y/Build Command/None

4.最下方的“Production”即为我们的反代地址，也就是稍后填写地图参数的主机名**（填写主机名不要带“https://”！）**。

5.我们后续可以在Vercel的控制台中修改我们的项目名和应用域名（domains）。

3.1.添加奥维自定义地图(手动导入)

我们一共会添加4个地图，这一步我使用PC版奥维互动地图进行演示，手机版大同小异

首先我们打开软件，选择自定义地图管理，添加地图

紧接着填写地图参数，我会在下面列出四个图源的参数，大家按照提示填写即可

主机名填写我们在Vercel中得到的应用地址形如“xxx.vercel.app”（填写主机名不要带“https://”，以及最后的“/”），图中仅供参考，无法使用！！！

除了红框标注部分需更改外，这四张地图的非标注部分完全相同，请按照下图示意填写！

图中没有被圈起来的地方，请按照图中填写，即协议“https”，最大级别“20”，投影类型“墨卡托中国”，图片格式“PNG”，端口号“443”。

url地址
谷歌路网小字体_反代 普通地图 256像素
/vt/imgtp=png32&lyrs=h@292000000&hl=zh-CN&gl=cn&x={$x}&y={$y}&z={$z}&s=Galileo
谷歌路网大字体_反代 普通地图 512像素
/vt/imgtp=png32&lyrs=h@292000000&hl=zh-CN&gl=cn&x={$x/2}&y={$y/2}&z={$z-1}&scale=2&s=Galileo
路网卫星图_反代 影像地图 256像素
/vt/lyrs=s@699&hl=zh-CN&gl=cn&src=app&x={$x}&y={$y}&z={$z}&s=
路网路网卫星图_反代 影像地图 256像素 需设置叠加层，看下一步
/vt/lyrs=s@699&hl=zh-CN&gl=cn&src=app&x={$x}&y={$y}&z={$z}&s=

最后一步，我们需要对路网卫星图设置叠加层，分别选中大小字体路网即可

3.2.添加奥维自定义地图(二维码导入)

有些同学感觉编写参数比较麻烦，我这里制作了4张二维码，扫描/导入即可完成大部分的工作。

因为反代域名每天访问有次数限制，所以我把主机名进行了修改，使用之前手动修改四个地图的主机名为Vercel的应用域名！！

尾声

到这一步，我们就完成了所有的工作，选中自定义地图即可查看我们添加进去的地图。

如果不熟悉相关操作，或者感觉步骤过于繁琐，本人可提供代搭建服务，有需要可以在评论留下联系方式（仅站长可见），或者发邮件到dapeng@imut.xyz

二维码可以到我的博客https://www.imut.xyz/获取