WordPress

Stiùireadh Mapaichean Google Google: Gabhail a-steach le no às aonais plugan

A bheil thu a ’coimhead airson dòigh air susbaint WordPress Google Maps a dhaingneachadh air do làrach?

Coltach ri mòran rudan ann an WordPress, tha grunn dhòighean eadar-dhealaichte ann as urrainn dhut Google Maps a neadachadh air do làrach a rèir dè an seòrsa susbaint mapa a tha thu airson a thoirt a-steach.

Anns an dreuchd seo, tòisichidh sinn le bhith a ’sealltainn dhut mar a chuireas tu Google Maps ann an WordPress às ​​aonais plugan. An uairsin, molaidh sinn cuid de plugins sin urrainn do chuideachadh le bhith a ’stèidheachadh Google Maps, a bharrachd air cuid de na buannachdan bho bhith a’ dol leis an dòigh-obrach sin. Bidh sinn cuideachd a ’dàibheadh ​​a-steach mar a chleachdas tu API Google Maps gu ceart, a tha a-nis riatanach.

Mu dheireadh, thig sinn gu crìch le cuid de bheachdachaidhean coileanaidh airson a bhith a ’cleachdadh Google Maps air WordPress agus roinnidh sinn cuid de mholaidhean air mar as urrainn dhut do làrach WordPress a chumail a’ luchdachadh gu sgiobalta eadhon ged a dh ’fheumas tu Google Maps a stèidheachadh.

Faodaidh tu briogadh gu h-ìosal gus leum dìreach gu roinn sònraichte no dìreach leughadh tron ​​rud gu lèir.

  • Tha feum air Google Maps API a-nis
  • Mar a chuireas tu Google Maps ann an WordPress às ​​aonais plugan
  • Plugins WordPress Google Maps a bheir barrachd sùbailteachd dhut
  • Buaidh coileanaidh Google Maps agus molaidhean gus coileanadh a leasachadh

Tha feum air Google Maps API a-nis

Mar 11 Ògmhios, 2018, an Tha iuchair API a-nis a dhìth airson Google Maps. Ma tha thu air Google Maps a chuir an gnìomh air an làrach agad mu thràth agus nach eil e ag obair tuilleadh, is dòcha gur e sin an adhbhar. No an àite, tha thu ag ionndrainn an iuchair API. Is e an deagh naidheachd, airson 99% dhuibh, bu chòir dha a bhith fhathast an-asgaidh. Gu h-ìosal tha prìsean API Google Maps.

Prìsean API Google Maps

Prìsean API Google Maps

Bidh Google cuideachd a ’toirt dhut creideas $ 200 ath-chuairteachaidh air do chunntas bileachaidh gach mìos gus na cosgaisean cleachdaidh agad a chothromachadh. Mar a chì thu mura bu chòir na mìltean de dh ’iarrtasan agad a ghineadh, a’ cleachdadh Google Maps air an làrach agad a bhith a ’cosg dad dhut.

Dè eile a tha air atharrachadh? Chan eil dad, ach feumaidh tu a-nis na leanas a dhèanamh ma tha thu airson Google Maps a chleachdadh ann am WordPress:

  1. Clàraich airson cunntas Google Cloud Platform Console agus cuir air dòigh e.
  2. Cuir ris an fhiosrachadh bileachaidh agad, eadhon ged is dòcha nach tèid do bhile a-riamh.
  3. Cuir an iuchair API ris a ’chòd leabachaidh Google Maps agad no na roghainnean plugan.

Mar a gheibh thu iuchair API Google Maps

Gu h-ìosal tha ceumannan air mar a gheibh thu an iuchair API Google Maps agad.

ceum 1

Rach gu Console Àrd-ùrlar Google Cloud. Mura h-eil cunntas agad fhathast, cruthaich aon, tha e an-asgaidh.

ceum 2

Tagh no cruthaich pròiseact.

ceum 3

Stèidhich do chunntas bileachaidh. Eadhon ged a dh ’iarras iad ort cairt creideas a chuir air faidhle, cha bu chòir cosgais a bhith ort a-riamh, mura tèid thu thairis air na crìochan cleachdaidh àrd.

ceum 4

Thèid iarraidh ort aon toradh no barrachd a thaghadh. Tha seo an urra ri dè an seòrsa mapa a tha thu a ’cleachdadh. Mar eisimpleir, ma tha thu a ’daingneachadh mapa air an làrach WordPress agad gun plugan (mar a chithear anns na ceumannan nas fhaide gu h-ìosal), bhiodh tu a’ taghadh API Embed Google Maps.

Google Maps Embed API

Google Maps Embed API

Ma tha thu a ’cleachdadh plugan mar Google Maps Widget (mar a chithear anns na ceumannan nas fhaide gu h-ìosal), bhiodh tu a’ taghadh API Statach Google Maps.

Ma tha thu a ’cleachdadh plugan no cuspair treas-phàrtaidh, bu chòir sgrìobhainnean a bhith aca air dè an seòrsa cleachdadh Google Maps a tha iad a’ cleachdadh. Na gabh dragh, faodaidh tu an-còmhnaidh iomadh seòrsa a chur ris agus an atharrachadh nas fhaide air adhart.

ceum 5

Briog air “Dèan comas.”

Dèan comas air Google Maps API

Dèan comas air Google Maps API

ceum 6

Cliog air “APIs” agus an uairsin fo “Teisteanasan”, chì thu an iuchair API agad.

Iuchair Google Maps API

Iuchair Google Maps API

ceum 7

Ma tha thu dìreach a ’daingneachadh an iuchair API Google Maps agad seallaidh e ann an teacsa shoilleir sa chòd stòr agad. Mar sin bu chòir dhut seo a chuingealachadh, air dhòigh eile, dh ’fhaodadh daoine an iuchair API agad a chleachdadh air an làrach no na pròiseactan WordPress aca agus airson do chleachdadh a neartachadh.

Gus seo a dhèanamh, dìreach cliog air ainm an iuchair API agad agus leigidh e leat cuingealachadh a chuir ris. Airson an làrach WordPress agad, bu chòir dìreach a bhith a ’cur neach-iomradh HTTP a bhith math gu leòr. Mar eisimpleir https://yourdomain.com/*. Leigidh seo leis dìreach gairmean a dhèanamh air an làrach-lìn agad.

Cuingealachadh iuchair API Google Maps

Cuingealachadh iuchair API Google Maps

Mar a chuireas tu mapaichean Google ann am WordPress às ​​aonais plugan

Ma tha thu dìreach airson mapa sìmplidh a stèidheachadh agus nach eil feum agad air gnìomhachd nas mionaidiche leithid comharran àite àbhaisteach no notaichean eile, faodaidh tu Google Maps a stèidheachadh gun plugan a ’cleachdadh làrach-lìn àbhaisteach Google Maps a bhios tu a’ cleachdadh gach latha.

Seo mar a tha e ag obair…

Ceum 1: Dèan lethbhreac den chòd leabachaidh Google Maps

Gus tòiseachadh, cleachd làrach-lìn Google Maps gus am mapa a tha thu airson a stèidheachadh a chruthachadh.

Mar eisimpleir, ma tha thu airson comharra àite a stèidheachadh, fosgail an àite sin ann an Google Maps. No, ma tha thu airson stiùireadh a stèidheachadh, fosgail an stiùireadh ann an Google Maps.

Nuair a tha am mapa agad a tha thu airson a stèidheachadh, cliog air a ’chlàr hamburger san oisean gu h-àrd air an làimh chlì:

Mar a gheibh thu cothrom air a ’chòd leabachaidh

Mar a gheibh thu cothrom air a ’chòd leabachaidh

Anns an liosta de nithean clàr-taice, tagh an roghainn airson Mapa a cho-roinn no a stèidheachadh:

Fosgail na roghainnean leabachaidh

Fosgail na roghainnean leabachaidh

Fosglaidh sin a Sgaoil Nochd a-steach. Anns an popup sin, cliog air an Gabhail a-steach mapa tab.

An uairsin, faodaidh tu am meud a tha thu ag iarraidh a thaghadh a ’cleachdadh an tuiteam-sìos. Airson a ’mhòr-chuid de làraichean WordPress, tha am meud bunaiteach ag obair gu math, ach faodaidh tu am mapa a dhèanamh nas motha no nas lugha ma tha feum air.

Nuair a tha thu air sin a dhèanamh, cliog air an Dèan lethbhreac de HTML putan gus lethbhreac a dhèanamh den chòd leabachaidh:

Còd leabachaidh WordPress Google Maps

Còd leabachaidh Google Maps

Feumaidh tu an uairsin an iuchair API agad a chuir a-steach don chòd. Mar sin bu chòir don chòd agad a bhith a ’coimhead rudeigin mar seo:

Ceum 2: Cuir Google Maps Còd Gabhail a-steach gu Làrach WordPress

A-nis, chan eil agad ach a bhith a ’cur a’ chòd leabachaidh sin chun làrach WordPress agad sa phost no air an duilleag far a bheil thu airson do mhapa a thoirt a-steach.

Ma tha thu a ’cleachdadh an deasaiche bloc WordPress Gutenberg ùr a chaidh a leigeil ma sgaoil le WordPress 5.0, faodaidh tu sin a dhèanamh le bhith a’ cur a Gnàthachadh HTML bloc agus cuir seachad an còd freumhaichte a-steach don bhloc. Na dìochuimhnich an iuchair API agad a chur ris.

Mar a chuireas tu an còd leabachaidh ann an deasaiche bloc WordPress

Mar a chuireas tu an còd leabachaidh ann an deasaiche bloc WordPress

Faodaidh tu ro-shealladh fhaighinn air mar a choimheadas do mhapa le bhith a ’briogadh air an Preview putan os cionn a ’bhloc.

Ma tha thu fhathast a ’cleachdadh an deasaiche clasaigeach TinyMCE, faodaidh tu còd leabachaidh Google Maps a chur ris le bhith a’ fosgladh an teacsa tab agus seachad an còd an sin:

Mar a chuireas tu an còd leabachaidh ann an deasaiche WordPress Classic

Mar a chuireas tu an còd leabachaidh ann an deasaiche WordPress Classic

Cho luath ‘s a chuireas tu an còd ris, faodaidh tu a dhol air ais chun lèirsinneach tab gus ro-shealladh beò den mhapa agad fhaicinn.

Agus sin e! Bha thu dìreach air ionnsachadh mar a chuireas tu Google Maps ann an WordPress às ​​aonais plugan.

Cleachd Google My Maps gus Mapaichean nas toinnte a thoirt a-steach às aonais plugan

Ma tha thu airson a bhith nas cruthachail nuair a thig e gu rudan mar ioma-chomharran àite, notaichean gnàthaichte, msaa, faodaidh tu sin a dhèanamh fhathast gun fheum air plugan le seirbheis My Maps aig Google.

Tha My Maps na inneal oifigeil bho Google a leigeas leat na mapaichean àbhaisteach agad fhèin a chruthachadh agus a cho-roinn. Leis, dh ’fhaodadh tu rudeigin mar an eisimpleir gu h-ìosal a chruthachadh, le tòrr chomharran àbhaisteach agus fiosrachadh gnàthaichte a sheallas nuair a bhriogas neach-cleachdaidh air comharra:

Eisimpleir Google My Maps

Eisimpleir Google My Maps

Seo mar a chleachdas tu e gus Google Maps àbhaisteach a chuir ri WordPress.

Ceum 1: Cruthaich do mhapa ann an Google My Maps

Gus tòiseachadh, thig gu Google My Maps agus cruthaich mapa ùr. Às an sin, faodaidh tu an eadar-aghaidh togail mapa a chleachdadh gus do mhapa a thogail:

An eadar-aghaidh Google My Maps

An eadar-aghaidh Google My Maps

Ged nach toir sinn sùil mhionaideach air, leigidh an eadar-aghaidh seo leat mapaichean gu math cruthachail a thogail. Airson sùil nas doimhne, tha an artaigil cuideachaidh seo bho Google a ’còmhdach mòran de na comasan cudromach.

Ceum 2: Cruthaich Còd Gabhail a-steach

Nuair a tha thu deiseil a ’togail do mhapa, feumaidh tu an còd leabachaidh a ghineadh.

Mus fhaigh thu an còd sin, ge-tà, feumaidh tu am mapa agad a dhèanamh poblach. Airson sin a dhèanamh, cliog air an Sgaoil putan. An uairsin, cliog air atharrachadh… Anns a ’popup:

Roghainnean roinneadh Google My Maps

Roghainnean roinneadh Google My Maps

An uairsin, tagh On - Poblach air an lìon agus briog air Save:

Tionndaidh air Sharing Link

Tionndaidh air Sharing Link

Nuair a tha thu air sin a dhèanamh, cliog air a ’chlàr sìos faisg air tiotal do mhapa agus tagh Gabhail a-steach air an làrach agam gus an còd freumhachaidh a ghineadh:

Faigh chun chòd leabachaidh My Maps

Faigh chun chòd leabachaidh My Maps

Fosglaidh sin popup leis a ’chòd, a bu chòir dhut a chopaigeadh. Na dìochuimhnich an iuchair API agad a chur ris.

An còd leabachaidh My Maps

An còd leabachaidh My Maps

Ceum 3: Cuir còd leabachaidh gu làrach WordPress

A-nis, faodaidh tu an còd freumhaichte sin a chuir ris an làrach WordPress agad dìreach mar a bhiodh tu leis a ’chòd leabachaidh a gheibh thu bho làrach-lìn cunbhalach Google Maps.

Mura h-eil thu cinnteach ciamar a nì thu sin, cliog an seo gus leum chun roinn sin den oideachadh bho shuas.

Cleachd plugan WordPress Google Maps an àite sin

Seachad air na modhan làimhe gu h-àrd, tha tonna de plugins WordPress Google Maps ann a chuidicheas tu gus mapaichean a stèidheachadh air do làrach.

Tha beagan adhbharan ann gum faodadh tu beachdachadh air aon de na plugins sin thairis air na modhan làimhe:

  • Leigidh iad dhut mapaichean nas toinnte a chruthachadh le eadar-aghaidh sìmplidh.
  • Faodaidh tu a h-uile càil a dhèanamh gun a bhith a ’fàgail do bhòrd-stiùiridh WordPress.
  • Tha cuid dhiubh a ’ceangal ri WordPress. Mar eisimpleir, is dòcha gum bi e comasach dhut comharran mapa a cheangal ri puist WordPress.
  • Faodaidh cuid dhiubh do chuideachadh le bhith a ’dèanamh deagh fheum de Google Maps airson coileanadh (barrachd air seo nas fhaide air adhart).

Airson na plugins sin uile, feumaidh tu an Google Maps API Key agad fhèin a ghineadh mus urrainn dhut tòiseachadh air mapaichean a stèidheachadh. Tha an oideachadh seo a ’sealltainn dhut mar a nì thu sin.

A bheil thu a’ strì le ùine downt agus duilgheadasan WordPress? Behmaster a bheil am fuasgladh aoigheachd air a dhealbhadh gus ùine a shàbhaladh dhut! Thoir sùil air na feartan againn

Google Maps BhBC

Is e plugan sìmplidh Google Maps a th ’ann an Google Maps Widget a leigeas leat mapa a stèidheachadh a’ cleachdadh API Statach Google Maps, a tha a ’tabhann dòigh-obrach nas freagarraiche le bhith a’ daingneachadh ìomhaigh statach seach mapa eadar-ghnìomhach (mìnichidh sinn barrachd mu dheidhinn seo san ath earrann).

Tha e na dheagh roghainn ma tha thu ag iarraidh rudeigin sìmplidh agus aotrom. Cho luath ‘s a chuireas tu an gnìomh e, feumaidh tu grèim fhaighinn air an iuchair API Google Maps agad agus a chuir a-steach do shuidheachadh a’ phlug. Faodaidh tu Google Map a chuir ri raon widget sam bith air an làrach agad. An uairsin, faodaidh luchd-tadhail dreach eadar-ghnìomhach nas motha den mhapa fhosgladh ann am bogsa solais:

Eadar-aghaidh Widget Google Maps

Eadar-aghaidh Widget Google Maps

Faodaidh tu cuideachd mapa eadar-ghnìomhach a chleachdadh anns a ’bhad ma thogras tu, agus leigidh an dreach Pro leat mapaichean a chuir an àite sam bith air an làrach agad le shortcode.

Mapaichean Google furasta

Cuidichidh Google Maps Easy thu gus mapaichean àbhaisteach a chruthachadh leis na comharran agus na notaichean agad fhèin.

Nuair a chuireas tu comharran ris, tha comas agad na h-ìomhaighean àbhaisteach agad fhèin a luchdachadh suas, cuir a-steach teacsa agus ìomhaighean anns an tuairisgeul comharra, agus gu leòr eile. Faodaidh tu cuideachd smachd a chumail air mar a tha am mapa agad ag obair, mar a bhith a ’taghadh am bu chòir dhut leigeil le luchd-cleachdaidh gluasad a-steach:

Eadar-aghaidh Google Maps Easy

Eadar-aghaidh Google Maps Easy

Cho luath ‘s a thogas tu do mhapa, faodaidh tu a stèidheachadh le bhith a’ cleachdadh an dàrna cuid gnìomh shortcode no PHP.

Eadar-geo

Tha Intergeo na roghainn mòr-chòrdte eile a leigeas leat na mapaichean agad fhèin a chruthachadh le comharran àbhaisteach agus smachd a bhith agad air comas mapa.

Cho luath ‘s a stàlaicheas tu agus a ghnìomhaicheas tu am plugan, bidh e comasach dhut na mapaichean agad a thogail dìreach bhon deas-bhòrd WordPress agad:

Eadar-aghaidh Intergeo

Eadar-aghaidh Intergeo

An uairsin, faodaidh tu an toirt a-steach an àite sam bith air an làrach agad a ’cleachdadh shortcode.

Bloc Gutenberg airson Google Maps Embed

Is e plugan sìmplidh a th ’ann an Gutenberg Block For Google Maps Embed a chuireas bloc sònraichte Google Maps ris an deasaiche bloc WordPress Gutenberg ùr.

Leis a ’bhloc seo, faodaidh tu seòladh sam bith a stèidheachadh agus cuideachd taghadh:

  • Meud
  • Ìre Zoom
  • Mapa eadar-ghnìomhach an aghaidh mapa statach (a-rithist, tha an dòigh mu dheireadh a ’cuideachadh le coileanadh)

Cha leig e leat na mapaichean gnàthaichte agad fhèin a chruthachadh - ach tha e na roghainn goireasach ma chleachdas tu an deasaiche bloca ùr agus dìreach ag iarraidh dòigh furasta air cuid de mhapaichean sìmplidh a thoirt a-steach.

Faodaidh Google Maps an làrach WordPress agad a dhèanamh nas slaodaiche - Na leig e

Fhad ‘s a leigeas Google Maps leat tunna de ghnìomhachd fionnar a fhighe a-steach don làrach agad leis na mapaichean eadar-ghnìomhach aige, tha malairt malairt ann oir feumaidh e àireamh mhòr de sgriobtaichean a luchdachadh gus cumhachd a thoirt don ghnìomhachd eadar-ghnìomhach sin.

Sgeulachd ghoirid ghoirid, le bhith a ’daingneachadh Google Maps eadar-ghnìomhach faodaidh e do làrach a dhèanamh nas slaodaiche.

Tha dòigh no dhà ann as urrainn dhut sabaid an aghaidh seo.

An toiseach, mura h-eil feum agad air daoine a bhith comasach air brobhsadh gu eadar-ghnìomhach air do mhapa air an làrach-lìn agad, is e dòigh shìmplidh air cùisean a luathachadh às aonais innealan treas-phàrtaidh sam bith:

  • Gabh dealbh-sgrìn den mhapa airson a chleachdadh air do làrach
  • Ceangail an dealbh-sgrìn sin ris a ’mhapa air làrach-lìn Google Maps, no fosgail popup bogsa solais leis a’ mhapa eadar-ghnìomhach nuair a bhriogas neach-cleachdaidh.

San dòigh sin, tha an làrach agad dìreach a ’luchdachadh ìomhaigh cunbhalach - chan eil a h-uile gin de na sgriobtaichean co-cheangailte ri Google Maps.

Mar dhòigh eile air seo a dhèanamh le làimh, faodaidh tu cuideachd an luchd iframe AWEOS Google Maps an-asgaidh a chleachdadh airson gach plugan cliog. Bidh am plugan seo gu fèin-ghluasadach a ’dol an àite freumhaichean Google Maps le ìomhaigh àite-àite coitcheann. An uairsin, ma bhriogas neach-cleachdaidh air an Luchdaich mapa putan, luchdaichidh e an làn leabachadh Google Maps:

Ìomhaigh àite Google Maps

Ìomhaigh àite Google Maps

Air neo, faodaidh tu cuideachd API Static Google Maps a chleachdadh, a thilleas ìomhaigh cunbhalach às aonais JavaScript sam bith. Cuid de plugins Google Maps - a ’toirt a-steach Google Maps Widget agus Gutenberg Block For Google Maps Embed - leigidh tu leat an Static API a chleachdadh nuair a chruthaicheas tu na mapaichean agad.

Ach, tha sinn a ’tuigsinn nach bi an dòigh-obrach statach seo uaireannan ga ghearradh, agus tha mòran dhaoine airson eòlas eadar-ghnìomhach Google Maps a stèidheachadh sa bhad.

Ma tha sin fìor, is e dòigh mhath eile airson Google Maps a luathachadh a chleachdadh luchdadh leisg. Le luchdachadh leisg, bidh an làrach agad a ’feitheamh ri bhith a’ luchdachadh freumhaichean Google Maps gu h-ìosal gus an tòisich luchd-tadhail a ’sgroladh sìos an duilleag. Bidh sin a ’cumail amannan luchdachadh na duilleige tùsail agad gu sgiobalta, fhad‘ s a tha iad fhathast a ’leigeil leat susbaint eadar-ghnìomhach Google Maps a stèidheachadh.

Tha sinn mu thràth air sgrìobhadh mu mar as urrainn dhut ìomhaighean agus bhideothan a luchdachadh leisg agus is e an aon bheachd a th ’ann airson Google Maps.

Tha beagan plugins ann a leigeas leat seo a dhèanamh. Mar eisimpleir, leigidh am plugan a3 Lazy Load leat leabachadh iframe leisg, a tha a ’toirt a-steach Google Maps:

Luchdaich leisg Google Maps

Luchdaich leisg Google Maps

Is iad na roghainnean eile:

  • BJ Luchdaich Lazy
  • Luchdaich leisg le WP Rocket
  • Luchdaich furasta leisg

Geàrr-chunntas

Ma tha thu dìreach airson mapa sìmplidh a fhighe a-steach air do làrach, faodaidh tu Google Maps a chuir ri WordPress gun plugan a ’cleachdadh am feart còd freumhaichte stèidhichte. Air neo, faodaidh tu inneal Google My Maps a chleachdadh gus do mhapa gnàthaichte fhèin a chruthachadh agus sin a stèidheachadh.

Seachad air na modhan làimhe sin, tha gu leòr de plugins Google Maps WordPress ann a bheir tòrr smachd dhut gun a bhith a ’toirt ort do bhòrd-bhòrd WordPress fhàgail.

Ge bith dè an dòigh a thaghas tu, thoir aire do bhuaidh coileanaidh cleachdadh Google Maps. Feuch ri Google Maps a chleachdadh a-mhàin nuair a tha sin riatanach agus beachdaich air innleachdan mar ìomhaighean àite no luchdadh leisg gus an droch bhuaidh air coileanadh a lughdachadh.

A bheil ceistean sam bith eile agad mu bhith a ’cleachdadh Google Maps air WordPress? Leig fios thugainn anns na beachdan!

artaigealan co-cheangailte

agus tha

이메일 주소는 공개되지 않습니다.

Putan air ais dhan mhullach