将Google地图API密钥加上到您的模板中

将Google地图API密钥加上到您的模板中

您可以将Google地图API密钥添加到您的模板中。

流程：

PC：

在Shopify后台管理中，转到在线商店模板。

寻找您要编写的模板，随后点击自定。

点击加上系统分区。

点击地图，随后点击挑选。

键入地图信息内容。在GoogleMapsAPIkey（Google地图API密钥）字段名中黏贴您的Google地图API密钥。

点击储存。

假如与Google地图服务平台的API通讯时出差错，地图便会更换为您在模板编辑软件中选定的背景图案或色调。

ios系统：

在Shopify运用中，轻触店铺。

在营销渠道一部分，轻触在线商店。

轻触管理方法模板。

寻找您要编写的模板，随后轻触自定。

轻触编写。

点击加上系统分区。

点击地图，随后点击挑选。

键入地图信息内容。在GoogleMapsAPIkey（Google地图API密钥）字段名中黏贴您的Google地图API密钥。

点击储存。

假如与Google地图服务平台的API通讯时出差错，地图便会更换为您在模板编辑软件中选定的背景图案或色调。

安卓手机系统：

在Shopify运用中，轻触店铺。

在营销渠道一部分，轻触在线商店。

轻触管理方法模板。

寻找您要编写的模板，随后轻触自定。

轻触编写。

点击加上系统分区。

点击地图，随后点击挑选。

键入地图信息内容。在GoogleMapsAPIkey（Google地图API密钥）字段名中黏贴您的Google地图API密钥。

点击储存。

假如与Google地图服务平台的API通讯时出差错，地图便会更换为您在模板编辑软件中选定的背景图案或色调。

将API访问限制限定为仅您的店铺

Google地图服务平台会提醒您限定对API的浏览。您的API密钥是地图的唯一标志符，可将其访问限制限定为仅您的网站域名，便于阻拦别人应用您的API密钥。

流程：

转至GoogleAPI凭证网页页面。

从菜单中选择您的新项目。

挑选您形成的API密钥以逐渐开展编写。

在应用软件限定下，点击HTTPreferrers(websites)（HTTP邀请人(网址)），并键入与店铺密切相关的一切网站域名，包含.myshopify.com网站域名。例如，假如您具备自定网站域名，则键入https://myCustomDomain.com/*和https://shop1.myshopify.com/*。

点击储存。

应用Google地图服务平台的代替计划方案

假如您要想在自身的站点上表明地图，但不应用Google地图服务平台的服务项目，则可以在界面上置放内嵌式地图。

嵌入式地图应用HTMLiframe，这类标识可以摆放在给予富文本编辑器键入字符串的一切网页页面或首页系统分区中。

Shopify商家官方网站全文详细信息：

AddyourGoogleMapsAPIkeytoyourtheme

YoucanaddyourGoogleMapsAPIkeytoyourtheme.

Steps:

PC：

FromyourShopifyadmin,gotoOnlineStoreThemes.

Findthethemethatyouwanttoedit,andthenclickCustomize.

ClickAddsection.

ClickMap,andthenclickSelect.

Entertheinformationforyourmap.IntheGoogleMapsAPIkeyfield,pasteyourGoogleMapsAPIkey.

ClickSave.

IfthereiseveranerrorincommunicatingwithGoogleMapsPlatformsAPIS,themapisreplacedbythebackgroundimageorcolorthatyouhavespecifiedinthethemeeditor.

iPhone：

FromtheShopifyapp,tapStore.

IntheSaleschannelssection,tapOnlineStore.

TapManagethemes.

Findthethemethatyouwanttoedit,andthentapCustomize.

TapEdit.

ClickAddsection.

ClickMap,andthenclickSelect.

Entertheinformationforyourmap.IntheGoogleMapsAPIkeyfield,pasteyourGoogleMapsAPIkey.

ClickSave.

IfthereiseveranerrorincommunicatingwithGoogleMapsPlatformsAPIS,themapisreplacedbythebackgroundimageorcolorthatyouhavespecifiedinthethemeeditor.

Android：

FromtheShopifyapp,tapStore.

IntheSaleschannelssection,tapOnlineStore.

TapManagethemes.

Findthethemethatyouwanttoedit,andthentapCustomize.

TapEdit.

ClickAddsection.

ClickMap,andthenclickSelect.

Entertheinformationforyourmap.IntheGoogleMapsAPIkeyfield,pasteyourGoogleMapsAPIkey.

ClickSave.

IfthereiseveranerrorincommunicatingwithGoogleMapsPlatformsAPIS,themapisreplacedbythebackgroundimageorcolorthatyouhavespecifiedinthethemeeditor.

RestrictAPIaccesstoonlyyourstore

GoogleMapsPlatformpromptsyoutorestrictaccesstoyourAPI.YourAPIkeyisauniqueidentifierforyourmapthatpreventsothersfromusingyourAPIkeybyrestrictingitsaccesstoonlyyourdomains.

Steps:

GototheGoogleAPIcredentialspage.

Selectyourprojectfromthemenu.

ChoosetheAPIkeythatyougeneratedtobeginediting.

UnderApplicationrestrictions,clickHTTPreferrers(websites)andenteranydomainassociatedwithyourstore,includingyour.myshopify.comdomain.Forexample,ifyouhaveacustomdomain,thenenterbothhttps://myCustomDomain.com/*andhttps://shop1.myshopify.com/*.

ClickSave.

AlternativestousingtheGoogleMapsPlatform

Ifyouwanttodisplayamaponyourwebsite,butnotusetheGoogleMapsPlatformsservices,youcanplaceanembeddedmaponyourpage.

EmbeddedmapsuseanHTMLiframewhichcanbeplacedintoanypageorhomepagesectionthatprovidesarichtextinputfield.

文章内容由来：Shopify商户官方网站