奥维互动地图谷歌图源,通过自建Vercel反代实现墙内访问

前言

续上一篇教程https://www.imut.xyz/618/,因为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.com/$1"}
	]
}

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

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

4.最下方的“Production”即为我们的反代地址,也就是稍后填写地图参数的主机名(填写主机名不要带“https://”!)

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

6.由于目前vercel.app域名被封锁,强烈建议在下图通过“Add”添加自己的域名,然后按照提示配置在域名服务商处cname即可,目前测试cname配置完成后可以正常使用。

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张二维码,扫描/导入即可完成大部分的工作。

因为反代域名每个月有100G的流量限制,所以我把主机名进行了修改,使用之前手动修改四个地图的主机名为Vercel的应用域名!!

尾声

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

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

点赞
  1. 隔壁老王说道:
    Google Chrome Windows 10
    非常感谢,已成功
  2. 匿名说道:
    MIUI Browser Android 12
    用心了,感谢感谢
  3. 随遇而安说道:
    Google Chrome Windows 10
    不错,操作成功
  4. gunboss说道:
    Google Chrome Windows 7
    哥们,mapbox的URL有吗,能给一个不?
    1. DaPengCH说道:
      MIUI Browser Android 12
      协议 http 投影类型 墨卡托全球 影像地图 PNG 256像素 主机名 {$serverpart}.tiles.mapbox.com 端口号 80 主机编号 a-d URL"/v4/mapbox.satellite/{$z}/{$x}/{$y}.jpg?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4M29iazA2Z2gycXA4N2pmbDZmangifQ.-g_vE53SD2WrJ6tFX7QHmA"
  5. xiangzi525说道:
    Google Chrome Windows 10
    为什么卫星图和路网图没对其?
    1. DaPengCH说道:
      Google Chrome Windows 10
      确保投影类型相同,都是墨卡托中国;如果查看的是大陆地区以外,全部都要改成墨卡托全球。
      1. xiangzi525说道:
        Google Chrome Windows 10
        都是选择的中国,但是路网大字体却是既有影像图又有路网图,而且二者不对齐。
      2. xiangzi525说道:
        Google Chrome Windows 10
        大神能否帮忙搭建?主机名已获取。
        1. DaPengCH说道:
          Google Chrome Windows 10
          直接扫我那几个二维码,然后都把主机名换了就行了
          1. xiangzi525说道:
            Google Chrome Windows 10
            可能我输入相关参数有问题,用你的二维码,搞定了~感谢大神!!
  6. 匿名说道:
    Google Chrome Windows 10
    楼主,厉害了,已成功
  7. O2L说道:
    Google Chrome Windows 10
    今天Vercel反代好像用不了,Google返回404,这是什么问题啊?
  8. CLKJ说道:
    Google Chrome Windows 7
    楼主,Vercel反代最近也不能使用了,什么原因?
  9. ddorc说道:
    Chrome iPhone iOS 15.4
    2022.9.1,已经用了两个月,但是现在好像vercel挂了 :bugaoxing: 又打不开了
  10. 羚羊公子说道:
    Google Chrome Android 12
    作者出一个代理谷歌的嘛!
  11. 隔壁老王说道:
    Google Chrome Windows 10
    博主,奥维突然失效了,是不是哪个地方有点问题
  12. 清源洋洋说道:
    Google Chrome Windows 10
    最近都是404,麻烦请教一下
    1. DaPengCH说道:
      Google Chrome Windows 10
      vercel.app目前被墙,需要绑定自己的域名才能正常使用,可以去freenom.com注册一个免费域名绑定到vercel上
  13. kaboo说道:
    Google Chrome Windows 10
    vercel部署后,由于域名被强故绑定了自已的域名; 奥维扫描楼主二维码,更新主机地址为自己域名; 奥维显示nodata(-5)错误,请楼主指教一下。
    1. DaPengCH说道:
      Google Chrome Windows 10
      目前谷歌从mt{}.google.cn上撤出了部分资源,部署的时候把mt1.google.cn替换为mt1.google.com应该能解决问题
      1. kaboo说道:
        Google Chrome Windows 10
        按mt1.google.com部署了,还是显示nodata(-5)。
        1. kaboo说道:
          Google Chrome Windows 10
          成功了
        2. 匿名说道:
          Google Chrome Windows 10
          这个是怎么修改的?能否详细说下
      2. haneokan说道:
        Google Chrome Windows 7
        感谢~~~难怪最近几天地图刷不出来。

发表回复

电子邮件地址不会被公开。必填项已用 * 标注