关于javascript:如何项目中加入google地图

国际化我的项目

遇到国际化的我的项目，须要咱们引入 google 地图。由上面一步一步领导：

• 首先，咱们要能关上 google 网页，这一步的解决可有找公司 IT 部门配置或者本人有办法去登录 google
• 可能登上 google，咱们须要一个账号，账号的创立是要绑定国内卡如 visa 卡等的，找产品给弄到一个账号登录
• 登录实现之后，咱们间接搜寻 google 云平台，因为谷歌地图曾经纳入云平台外面了，登录云平台即可

账号咱们曾经拿到并且曾经登录了云平台，上面咱们开始创立我的项目：

1. 找到 my project 项目管理，而后点击创立
2. 而后咱们去搜寻 Google Maps Platform，进入配置项
3. 刚开始所有的无关地图的 API 调用默认是敞开的，前面能够依据咱们的理论须要去启用，这里咱们能够去开启其中一个试一下
   在配置项 API 中咱们能够看到启用和未启用的地图 api
4. 最重要的一步，咱们要去配置获取地图调用的 key 了，在凭据项点击创立 API 密钥，而后能够在页面上看到你的 API 密钥（键）了，这个就是咱们调用地图的所有

拿到了 key，咱们就能够在我的项目中引入，这时候咱们就须要 google 地图文档按需引入，依据我的项目所须要出现性能引入咱们要的函数调用办法：

• 文档的地址是

  https://developers.google.com/maps/documentation/javascript/examples/

  前端的话看的肯定是 examples，因为是直观的 JavaScript 语言，有图有代码
  因为文档是纯英文的，英语差一点的能够带个划词翻译辅助本人

其余

地图咱们引入了，后续咱们可能要用到依据 IP 位置，通过 IP 判断是国内客户还是国内客户，如是国内客户按需加载 google 的地图 API 相应性能：

• 咱们判断 IP 的办法用 GeoIP，也是国外一个收费的调用，网址是

  https://dev.maxmind.com/geoip/geolocate-an-ip/client-side-javascript

• 咱们调用的 ip 办法是 geoip2.country(onSuccess, onError, options)，这个函数能拿到定位的 ip，依据文档里的办法咱们在开发阶段能够实际

如果该我的项目后续发到线下来了，须要咱们去配置一些货色能力让该办法失效：

• 首先咱们要在该网站先注册账号

  https://www.maxmind.com/en/geolite2/signup

• 而后登录下来进行配置

  https://www.maxmind.com/en/accounts/610517/geoip/javascript/domains

  在对应的地位配置实现胜利后大略等个 10~20 分钟在线网址即可失效

以上即引入 google 地图的一些实际之后的见解，其中文档大部分是英文，google 地图的调用是要钱的，先有试用金后续留神一下即可，钱这部分由产品负责