奥维互动地图谷歌图源,通过自建Ve……反代实现墙内访问
前言
因为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版奥维互动地图进行演示,手机版大同小异
首先我们打开软件,选择自定义地图管理,添加地图
紧接着填写地图参数,我会在下面列出四个图源的参数,大家按照提示填写即可
除了红框标注部分需更改外,这四张地图的非标注部分完全相同,请按照下图示意填写!
图中没有被圈起来的地方,请按照图中填写,即协议“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张二维码,扫描/导入即可完成大部分的工作。