TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan legge til Google Maps i Weebly?

2

Kart brukes til å vise virksomhetsadressen din på nettstedet ditt på en ekte måte i stedet for en enkel tekstadresse. Brukere kan forstørre og se adressen i sanntid og også navigere til Google maps for å finne veibeskrivelsen eller legge igjen en anmeldelse.

Relatert: Slik bruker du Google Maps på et WordPress -nettsted.

Weebly lar deg legge til kart på nettstedet ditt på følgende måter:

  • Bruker standard kartelement
  • Bruke Embed Code -elementet
  • Legg til kart fra tredjeparts nettsteder

Vi vil diskutere begge alternativene i detalj i de følgende avsnittene.

Legg til Google Maps i Weebly ved hjelp av Map Element

Kartelement i Weebly nettstedredigerer hjelper til med å legge til Google maps på nettstedet ditt og tilpasse adresse, størrelse, maker osv. Du kan bare dra og slippe "Kart" -elementet, og Google -kartet blir automatisk lagt til på siden.

Hvordan legge til Google Maps i Weebly?

Weebly kartelement

Klikk på kartet for å se følgende tilpasningsalternativer:

  • Adresse – skriv inn byen for å fokusere markøren på det punktet på kartet.
  • Zoom – angi zoomgrensen ved å dra glidebryteren til ønsket nivå.
  • Bredde og høyde – angi bredden og høyden for at kartet skal passe på sideoppsettet. La bredden stå til "Auto" for et responsivt kart som justeres automatisk for å passe til bredden på nettleseren.
  • Posisjon – angi venstre, høyre eller senterjustering av kartet.
  • Avstand – angi topp- og bunnmarger for å la det være mellomrom mellom andre elementer og kart på en side.
  • Avansert posisjon – Hvis adressen ikke er nøyaktig, kan du angi eksakte bredde- og lengdegradskoordinater for å plassere markøren på det nøyaktige stedet.
  • Avansert visning – du kan vise eller skjule markør på adressen, skala på kartet, oversiktskart og kartkontroll.

Du kan velge ett av alternativene nedenfor for panfunksjonen under kartkontroll:

  • Stor panorering og zoomkontroll
  • Liten zoom og panoreringskontroll
  • Liten zoom eneste kontrollen
  • Ingen

I de fleste situasjoner er standardkartet tilstrekkelig og anbefales å bruke ettersom det er en del av Weebly -redigeringsgrensesnittet.

Legge inn eller koble til Google Map

Weebly -kartelement tilbyr begrensede alternativer og tillater ikke å legge inn retningssøk eller gatekart. Hvis du leter etter kart med flere alternativer, følg instruksjonene nedenfor:

  • Gå til Google Maps -nettstedet.
  • Søk og finn adressen.
  • Hvis du vil legge til veibeskrivelsen mellom adressen din og et bestemt sted.
  • Klikk på navigasjonsmenyikonet øverst til venstre.
  • Velg alternativet "Del eller legg inn kart" "som vist nedenfor:

Hvordan legge til Google Maps i Weebly?

Legger inn Google Maps

  • Velg størrelsen på kartet under kategorien "Bygg inn kart".
  • Kopier iframe -koden.

Hvordan legge til Google Maps i Weebly?

Bygg inn Google Map med veibeskrivelse

  • Gå til Weebly -nettstedet ditt og lim inn Google maps -koden i et " Embed Code " -element.

Hvis du legger til Google -kart, vil sidehastigheten bli betydelig redusert, ettersom det vil kalle Google API for å laste inn kartet. Så i stedet for å legge til et sanntidskart, kan du bare koble til adresseplasseringen din på Google -kartet. I prosessen ovenfor klikker du på kategorien "Del lenke" i stedet for å gå til kategorien "Bygg inn kart". Kopier lenken, og du kan lage hyperkobling på Weebly med hvilken som helst ankertekst eller bilde.

Hvordan legge til Google Maps i Weebly?

Deling av Google Maps -posisjon

Hvis du klikker på lenken, åpnes nettstedet for Google maps, inkludert søk etter veibeskrivelse.

Innebygd Google Maps fra tredjeparts nettsteder

Det er også mange tredjeparter som tilbyr Google Maps API med bedre oversikt over nettstedet. For eksempel kan du gå til å bygge inn Google maps -nettstedet og gi alternativene som adresse, karttype, størrelse og zoom for å generere innebyggingskoden raskt. Lim inn innebyggingskoden i elementet "Embed Code" på Weebly -nettstedet ditt, og vis posisjonen din på kartet for brukerne dine.

Hvordan legge til Google Maps i Weebly?

Tredjeparts Google -kart innebygd

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon