TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka lisätä Google Maps Weeblyyn?

8

Karttoja käytetään osoittamaan yrityksesi osoite verkkosivustollasi todellisella tavalla yksinkertaisen tekstiosoitteen sijaan. Käyttäjät voivat suurentaa ja tarkastella osoitetta reaaliajassa ja navigoida Google Mapsiin löytääkseen reittiohjeet tai jättääkseen arvostelun.

Aiheeseen liittyviä: Google Mapsin käyttäminen WordPress -sivustossa.

Weeblyn avulla voit lisätä karttoja sivustoosi seuraavilla tavoilla:

  • Oletuskarttaelementin käyttäminen
  • Upota koodi -elementin käyttäminen
  • Lisää karttoja kolmannen osapuolen verkkosivustoilta

Keskustelemme molemmista vaihtoehdoista yksityiskohtaisesti seuraavissa osioissa.

Lisää Google Maps Weeblyyn Map Elementin avulla

Weebly -sivuston editorin karttaelementti auttaa lisäämään Google -karttoja sivustoosi ja mukauttamaan osoitetta, kokoa, valmistajaa jne. Voit vetää ja pudottaa "Kartta" -elementin, jolloin Google -kartta lisätään automaattisesti sivulle.

Kuinka lisätä Google Maps Weeblyyn?

Weebly -karttaelementti

Napsauta karttaa nähdäksesi seuraavat mukautusvaihtoehdot:

  • Osoite – syötä kaupunki, jos haluat tarkentaa merkin siihen kohtaan kartalla.
  • Zoomaus – aseta zoomausraja vetämällä liukusäädin halutulle tasolle.
  • Leveys ja korkeus – aseta kartan leveys ja korkeus sopimaan sivun asetteluun. Jätä leveys asentoon "Auto", jotta responsiivinen kartta kohdistuu automaattisesti selaimen leveyden mukaan.
  • Sijainti – aseta kartan kohdistus vasemmalle, oikealle tai keskelle.
  • Välilyönti – aseta ylä- ja alareunat jättämään tilaa muiden elementtien ja kartan väliin sivulla.
  • Edistynyt sijainti – Jos osoite ei ole tarkka, voit syöttää tarkat leveys- ja pituuskoordinaatit sijoittaaksesi merkin oikeaan paikkaan.
  • Edistynyt näyttö – voit näyttää tai piilottaa merkin osoitteen, asteikon kartalla, yleiskatsauskartan ja kartan hallinnan avulla.

Voit valita yhden alla olevista vaihtoehdoista panorointitoiminnolle kartan ohjauksessa:

  • Suuri panorointi ja zoomaussäädin
  • Pieni zoomaus ja panorointi
  • Vain pieni zoomaussäädin
  • Ei mitään

Useimmissa tilanteissa oletuskartta riittää ja sitä suositellaan käytettäväksi, koska se on osa Weebly -editorin käyttöliittymää.

Google -kartan upottaminen tai linkittäminen

Weebly -karttaelementti tarjoaa rajoitetut vaihtoehdot, eikä se salli suunnanhaun tai katunäkymäkartan upottamista. Jos etsit karttaa, jossa on enemmän vaihtoehtoja, noudata alla olevia ohjeita:

  • Siirry Google Maps -sivustolle.
  • Etsi ja etsi osoite.
  • Jos haluat lisätä reittiohjeet osoitteesi ja tietyn paikan välillä.
  • Napsauta vasemmassa yläkulmassa olevaa navigointivalikon kuvaketta.
  • Valitse "Jaa tai upota kartta" -vaihtoehto "alla olevan kuvan mukaisesti:

Kuinka lisätä Google Maps Weeblyyn?

Google Mapsin upottaminen

  • Valitse kartan koko Upota kartta -välilehdestä.
  • Kopioi iframe -koodi.

Kuinka lisätä Google Maps Weeblyyn?

Upota Google Map ja reittiohjeet

  • Siirry Weebly -sivustoosi ja liitä Google Maps -koodi Upota koodi -elementtiin.

Google -kartan lisääminen vähentää sivun nopeutta huomattavasti, koska se kutsuu Google -sovellusliittymän lataamaan kartan. Reaaliaikaisen kartan lisäämisen sijaan voit linkittää vain osoitteesi sijaintiin Google -kartalla. Napsauta yllä olevassa prosessissa Upota kartta -välilehden sijaan Jaa linkki -välilehteä. Kopioi linkki ja voit luoda hyperlinkin Weeblyyn millä tahansa ankkuritekstillä tai -kuvalla.

Kuinka lisätä Google Maps Weeblyyn?

Google Mapsin sijainnin jakaminen

Linkin napsauttaminen avaa Google Maps -sivuston, joka sisältää reittiohjeet.

Google Mapsin upottaminen kolmansien osapuolien verkkosivustoilta

On myös monia kolmansien osapuolten tarjoamia Google Maps -sovellusliittymiä, joilla on parempi näkymä sivustolle. Voit esimerkiksi upottaa Google Maps -sivuston ja antaa vaihtoehtoja, kuten osoitteen, karttatyypin, koon ja zoomauksen, jolloin upotuskoodi luodaan nopeasti. Liitä upotuskoodi Weebly -sivustosi Upotuskoodi -elementtiin ja näytä sijaintisi kartalla käyttäjillesi.

Kuinka lisätä Google Maps Weeblyyn?

Kolmannen osapuolen Google Map Embed

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja