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
获取后,在fecify后台填写上apike即可
限制 API key
因为api key是在前端使用的,因此,会将您的api key暴漏出来,您可以限制api key只限于某些域名使用
https://developers.google.com/maps/documentation/javascript/get-api-key#console_1