Google karta

Komma igÄng #

BÀdda in Google Map var som helst pÄ din webbsida. Viktigast av allt, pÄ kontaktsidan, sÄ att dina besökare kan veta var du befinner dig. Visa fördefinierade platser (latitud och longitud) pÄ en karta pÄ skÀrmen. Följ bara steg-för-steg-processen för att ansluta Google Map.

Steg=>1: Generera Google Map API Key #

  • GĂ„ till Google Cloud Platform Console. Om du inte har ett konto Ă€nnu, skapa ett, det Ă€r gratis.
  • Klicka pĂ„ GĂ„ till sidan med inloggningsuppgifter
  • VĂ€lj eller skapa ett projekt.
  • Ange ett projektnamn och plats
  • Klicka pĂ„ SKAPA
  • Ditt projekt har skapats
  • GĂ„ till hamburgermenyn
  • Hitta API:er och tjĂ€nster

  • Klicka pĂ„ AKTIVERA APIS OCH TJÄNSTER
  • Sök karta i sökrutan-
  • Klicka pĂ„ Maps JavaScript API och aktivera det
  • GĂ„ till inloggningsuppgifter
  • Klicka nu pĂ„ "Skapa Referenser”, kommer du att se din API-nyckel. Kopiera API-nyckeln hĂ€rifrĂ„n.
  • GĂ„ nu till Elementskit=> AnvĂ€ndardata=> Klicka pĂ„ Google karta att expandera. Ge din API-nyckel för att ansluta Google Map.
  • Sök nu efter Google Map=> Dra=> SlĂ€pp pĂ„ det valda omrĂ„det

Steg=>2: VĂ€lj karttyp #

StÀll in grundlÀggande karta #

LÀgg till en enkel Google-karta med en markör pÄ din webbsida. Det passar personer med nybörjar- eller medelkunskap.

  • Klicka pĂ„ instĂ€llningar=> VĂ€lj karttyp GrundlĂ€ggande frĂ„n rullgardinsmenyn. Du kan se den grundlĂ€ggande karttypen visas
  • VĂ€lj Adress frĂ„n det valda omrĂ„det=> Ange din adress
  • Du kan se den valda platsen

FÄ latitud och longitud: Latitud anvÀnds tillsammans med longitud för att specificera den exakta placeringen av objekt pÄ jordens yta

  • GĂ„ till https://www.google.com/maps/=> Sök efter din plats=> Högerklicka pĂ„ kartans nĂ„lpunkt=> Kopiera nu Latitud longitud
  • VĂ€lj nu Adresstyp: Koordinater
  • Ange latitud: Latitud Ă€r mĂ€tningen av avstĂ„ndet norr eller söder om ekvatorn.
  • Ange longitud: Longitud Ă€r mĂ„ttet öster eller vĂ€ster om ekvatorn.
  • Du kan se den exakta platsen som visas
  • Klicka pĂ„ MarkörinstĂ€llningar=> Ge Markörens titel=> LĂ€gg till innehĂ„ll som visas nĂ€r du svĂ€var
  • Aktivera vĂ€xeln till anpassad markörikon
  • Ladda upp din markörikon
  • Kontrollmarkörens bredd
  • Kontrollmarkörens höjd
  • Du kan se den anpassade bilden/ikonen visas

Klicka pÄ Kontrollera

  • KontrollzoomnivĂ„: Du kan ange vilket nummer som helst
  • Aktivera Street View Control: Den innehĂ„ller en Pegman-ikon som kan dras till kartan för att aktivera Street View.
  • Aktivera karttypkontroll: Karttypskontrollen gör att anvĂ€ndaren kan vĂ€lja en karttyp (ROADMAP, SATELLIT).
  • Aktivera zoomkontroll: Zoomkontrollen visar knapparna "+" och "-" för att Ă€ndra kartans zoomnivĂ„.
  • Aktivera fullskĂ€rmskontroll: HelskĂ€rmskontrollen erbjuder alternativet att öppna kartan i helskĂ€rmslĂ€ge.
  • Aktivera rullhjulszoom: Varje klick, uppĂ„t eller nedĂ„t, ökar eller minskar zoom faktor med 10%
  • Klicka pĂ„ Tema=> VĂ€lj TemakĂ€lltyp: Google Standard
  • VĂ€lj Google-tematyp i rullgardinsmenyn
  • VĂ€lj temakĂ€lla: Snygga kartor
  • VĂ€lj ditt snygga karttema frĂ„n rullgardinsmenyn
  • VĂ€lj temakĂ€lla: BestĂ€llnings
  • Ge din egen stil pĂ„ lĂ„dan
  • Klicka pĂ„ det valda omrĂ„det för att fĂ„ JSON stilkod för att styla din karta

StÀll in Multiple Marker Map #

LÀgg till flera markörer pÄ kartan. Varje markör Àr klickbar för att visa information.

  • Klicka pĂ„ instĂ€llningar=> VĂ€lj karttyp Flera markörer frĂ„n rullgardinsmenyn.
  • Du kan se den grundlĂ€ggande karttypen visas
  • VĂ€lj Adress frĂ„n det valda omrĂ„det=> Ange din adress
  • Du kan se den valda platsen
  • VĂ€lj adresstyp: Koordinater
  • Ge Latitude
  • Ge longitud
  • Du kan se den exakta adressen som visas som en markör
  • Klicka pĂ„ MarkörinstĂ€llningar
  • Klicka över innehĂ„llet för att expandera
  • Ge Latitude
  • Ge longitud
  • LĂ€gg till verktygstipsnamn
  • LĂ€gg till allt innehĂ„ll pĂ„ lĂ„dan
  • Du kan se resultatet visas exakt
  • Aktivera anpassad ikonvĂ€xling
  • Ladda upp din ikon
  • VĂ€lj Ikonbredd
  • VĂ€lj Ikonhöjd

Klicka pÄ Kontrollera

  • KontrollzoomnivĂ„: Du kan ange vilket nummer som helst
  • Aktivera Street View Control: Den innehĂ„ller en Pegman-ikon som kan dras till kartan för att aktivera Street View.
  • Aktivera karttypkontroll: Karttypskontrollen gör att anvĂ€ndaren kan vĂ€lja en karttyp (ROADMAP, SATELLIT).
  • Aktivera zoomkontroll: Zoomkontrollen visar knapparna "+" och "-" för att Ă€ndra kartans zoomnivĂ„.
  • Aktivera fullskĂ€rmskontroll: HelskĂ€rmskontrollen erbjuder alternativet att öppna kartan i helskĂ€rmslĂ€ge.
  • Aktivera rullhjulszoom: Varje klick, uppĂ„t eller nedĂ„t, ökar eller minskar zoom faktor med 10%
  • Klicka pĂ„ Tema=> VĂ€lj TemakĂ€lltyp: Google Standard
  • VĂ€lj Google-tematyp i rullgardinsmenyn
  • VĂ€lj temakĂ€lla: Snygga kartor
  • VĂ€lj temat för din snygga karta frĂ„n rullgardinsmenyn
  • VĂ€lj temakĂ€lla: BestĂ€llnings
  • Ge din egen stil pĂ„ lĂ„dan
  • Klicka pĂ„ det valda omrĂ„det för att fĂ„ JSON stilkod för att styla din karta

StÀll in statisk karta #

Statiska kartor Ă€r fristĂ„ende bilder i PNG-format som kan visas pĂ„ webben och mobila enheter utan hjĂ€lp av ett kartbibliotek eller API. 

  1. VĂ€lj karttyp: Statisk
  2. Styr statisk bildbredd
  3. Kontrollera statisk bildhöjd

StÀll in Polyline Map #

Du kan anvÀnda en polylinje för att rita linjer pÄ en karta i Google Maps.

  1. VĂ€lj karttyp: Polyline
  2. Du kan se att polylinjekartan dök upp
  • Ange din koordinattitel
  • Ge Latitude
  • Ge longitud

StÀll in polygonkarta #

En polygon (som en polylinje) definierar en serie anslutna koordinater i en ordnad sekvens.

  1. VĂ€lj karttyp: Polygon
  2. Du kan se polygonkartan dök upp
  • Ange din koordinattitel
  • Ge Latitude
  • Ge longitud
  • Ge Latitude
  • Ge longitud
  • LĂ€gg till allt innehĂ„ll pĂ„ lĂ„dan

Konfigurera överlÀggskarta #

ÖverlĂ€gg Ă€r objekt pĂ„ kartan som Ă€r knutna till latitud/longitudkoordinater, sĂ„ att de flyttas nĂ€r du drar eller zoomar kartan.

  1. VÀlj karttyp: TÀcka över
  2. Du kan se överlÀggskartan visas
  • Ge Latitude
  • Ge longitud
  • VĂ€lj ÖverlĂ€gg innehĂ„ll pĂ„ rutan
  • Du kan se det exakta innehĂ„llet som dök upp följaktligen
Vad Àr dina kÀnslor
Uppdaterad den 16 november 2023