Google Map Javascript ApiKey申请

订单结账页面，地址自动填写（Google Maps Api）

地址自动填充

跨境独立站商城，在订单结账页面，在address里面填写地址，自动匹配省，城市，邮编等信息

选择下拉条的第二个，点击后，您会发现，省（州），城市，邮编会自动填写，如下图

自动补全是 Google Maps JavaScript API 中地点库的一项功能。借助自动补全，您可以让自己的应用具有 Google 地图搜索字段的“即输即找”功能。自动补全服务可以根据完整字词和子字符串进行匹配，从而解析地点名称、地址和Plus Codes。这样，应用就可以在用户输入内容时发送查询，从而即时进行地点预测。

价格，申领每月200美金的额度

https://mapsplatform.google.com/pricing/

For each billing account, for qualifying Google Maps Platform SKUs, a $200 USD Google Maps Platform credit is available each month (which resets the first day of each month, at midnight Pacific time), and automatically applied to the qualifying SKUs.

• 谷歌的这个挺人性化的 90天300美金的那个东西是白送的
• map相关每个月200美金 这个和300美金是独立的，而且那300美金 不一定是按照天数 可以按照你啥时候用完300
• 不好的地方就是，google需要绑定信用卡，需要大陆那种没有银联标志的visa或万事达的卡

访问地址：

https://cloud.google.com/free/docs/free-cloud-features

这里改成个人 美国地址 然后 用全币种卡 尽量不用带银联的卡（visa或万事达信用卡），否则可能绑卡失败

然后绑卡，成功后即可，获得额度

创建 地点自动补全，获取apikey

访问地址：https://developers.google.com/maps/documentation/javascript/place-autocomplete

进入控制台：https://console.cloud.google.com/projectselector2/apis/dashboard

创建项目，或者选择已有的项目

点击启用api和服务器

输入maps javascript Api,进行搜索

启用即可

启用后，获取apikey

获取后，在VanMall后台填写上apike即可

限制 API key

因为api key是在前端使用的，因此，会将您的api key暴漏出来，您可以限制api key只限于某些域名使用

https://developers.google.com/maps/documentation/javascript/get-api-key#console_1