玩转代码|Google Map api国内正常使用该如何配置

最近有客户要求给他们网站做地图方面的功能，由于某些原因，网站必须使用google map，而且希望用到geocoding。大家知道google map api调用国内已经访问不了，虽然网上有很多教程，什么替换ip啊，把maps.google.com改成maps.google.cn。但其实这些方法都是掉了牙的，早就不管用。今天我把我的安装方法分享出来。

申请api接口

首先，我们需要申请Geocoding api和google map api。你得有一个google帐号，访问 google map api console，根据自己需求来申请相关的api。我申请的比较多。

Places API

Maps JavaScript API

Time Zone API

Geocoding API

Maps Static API

你们可以根据各自需求来申请。

申请这个比较简单，1.新建项目

2.搜索相应api，申请

3.转到api和服务这一块，创建凭据。

这些凭据就是api key，也用来限制api的具体应用范围。

4.最后需要做结算。现在结算是免费试用阶段，申请的话，只要有一张信用卡就可以，因为已经没有了中国地区的选项，所以地址选择香港。会扣除8港元，信用卡验证通过之后会退回。这么一来，所以的申请算结束了。

配置子域名

我用的是cloudflare，所以直接在上面新开两个子域名，maps.example.com，mapsapis.example.com 。这里example替换成你自己的域名就可以。

配置ssl，我用的是let's encrypt，自动90天就会续签的。

sudo apt install certbot python3-certbot-nginx

sudo certbot --nginx -d example.com -d www.example.com

sudo systemctl status certbot.timer

输出结果如下，就说明自动续签正常。

安装必要的模块

我的配置环境是ubuntu 20.04, nginx。

安装replace-filter-nginx-module模块

安装之前，首先需要安装sregex

git clone https://github.com/agentzh/sregex

cd sregex/

make

make install

下载replace-filter-nginx-module

git clone https://github.com/agentzh/replace-filter-nginx-module

nginx -V

这里用到nginx -V。主要是把nginx的模块全部显示出来，等会需要重新编译。

这里注意一下，--add-module=/root/replace-filter-nginx-module。需要添加进去。其它的配置选项，参考你们自己的nginx -V参数结果。

一般重新编译的时候，都会有一堆报错。这主要是和你的模块配置参数有关，你只要把相应的模块安装上就可以。比如我遇到以下这些

pcre

sudo apt-get install libpcre3 libpcre3-dev

gd lib

apt install libgd-dev

openssl

sudo apt-get install libssl-dev

最后，把nginx做个备份，再替换掉。

cp /usr/sbin/nginx /usr/sbin/nginx.bak

cp ./objs/nginx /usr/sbin/

配置nginx

在/etc/nginx/sites-enabled目录下，新建一个配置maps.example.com.conf。

至此，所有的配置已经完成。测试了一下，直接通过访问自己的子域名，就可以调用maps.googleapis.com的地图接口了。

玩转代码|Google Map api国内正常使用该如何配置相关推荐

关于Google Map API V2 版本的定位与导航
近来,在关注安卓手机上的GoogleMap应用的开发,但是目前官方API版本网页版已经升级到V3版,而对于Android的支持也已经升级到V2版本,虽然Google说继续对V1版提供服务,但是不再提供 ...
主流电子地图API比较 google map api, mapabc ,yahoo地图
主流电子地图API比较 Google Maps API : Google Maps API 基于Google Maps,能够使用 JavaScript 将 Google Maps 嵌入网页中.API ...
android手机安装时缺少google map api 的解决方法
有些android手机,机器里没有com.google.android.maps.jar这个包. 所以当开发使用了google map api的程序时,即使在模拟器上没有问题,但是在真机上无法安装 ...
Google Map API V3开发（5）
Google Map API V3开发(1) Google Map API V3开发(2) Google Map API V3开发(3) Google Map API V3开发(4) Google M ...
google map Api接口整理
Google Map Api接口整理一:基本知识: 1. 使用谷歌地图 API 的第一步就是要注册一个 API 密钥,需要注意一下两点: 1.如果使用 API 的页面还没有发布,只是在本地调试,可以 ...
【转】在你的博客中添加Google地图(Use Google Map API On Your Bolg)
在你的博客中添加Google地图(Use Google Map API On Your Bolg) *+申请一组 Google Maps API Key 在使用 Google Maps API 之前, ...
Java 调用Google Map Api解析地址，解析经纬度实例
Java 调用Google Map Api解析地址,解析经纬度实例使用google地图的反向地址解析功能,提供一个经纬度得到对应地址,或者给出模糊地址,得到经纬度,放在java后台代码中处理,这个使 ...
Android传感器、语音识别、定位系统、Google Map API、快捷方式、widget编程总结及示例
Android特色开发第一部分传感器传感器是一种物理装置或生物器官,能够探测.感受外界的信号.物理条件(如:光.热.湿度)或化学组成(如:烟雾),并将探知的信息传递给其他设备或器官. ...
Android传感器、语音识别、定位系统、Google Map API、快捷方式、widget编程总结及示例...
Android特色开发第一部分传感器传感器是一种物理装置或生物器官,能够探测.感受外界的信号.物理条件(如:光.热.湿度)或化学组成(如:烟雾),并将探知的信息传递给其他设备或器官. Andro ...

玩转代码|Google Map api国内正常使用该如何配置

玩转代码|Google Map api国内正常使用该如何配置相关推荐

最新文章

热门文章