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
![](https://wpmet.com/wp-content/uploads/2022/12/map1.png)
- VĂ€lj eller skapa ett projekt.
![](https://wpmet.com/wp-content/uploads/2022/12/map2.png)
- Ange ett projektnamn och plats
- Klicka pÄ SKAPA
![](https://wpmet.com/wp-content/uploads/2022/12/map3.png)
- Ditt projekt har skapats
- GĂ„ till hamburgermenyn
- Hitta API:er och tjÀnster
![](https://wpmet.com/wp-content/uploads/2022/12/map4.png)
- Klicka pĂ„ AKTIVERA APIS OCH TJĂNSTER
![](https://wpmet.com/wp-content/uploads/2022/12/map5.png)
- Sök karta i sökrutan-
![](https://wpmet.com/wp-content/uploads/2022/12/map6.png)
- 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.
![](https://wpmet.com/wp-content/uploads/2022/12/G-map.gif)
- GÄ nu till Elementskit=> AnvÀndardata=> Klicka pÄ Google karta att expandera. Ge din API-nyckel för att ansluta Google Map.
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-02-at-16-34-43-1024x487.png)
- Sök nu efter Google Map=> Dra=> SlÀpp pÄ det valda omrÄdet
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-02-at-17-38-08-1024x510.png)
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
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-02-at-17-51-28-1024x466.png)
- VÀlj Adress frÄn det valda omrÄdet=> Ange din adress
- Du kan se den valda platsen
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-14-44-52-1024x475.png)
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
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-14-at-14-56-30-1024x518.png)
- 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
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-03-at-12-54-01-1024x499.png)
- Klicka pÄ MarkörinstÀllningar=> Ge Markörens titel=> LÀgg till innehÄll som visas nÀr du svÀvar
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-04-at-14-34-32-1024x463.png)
- 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
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-04-at-17-41-40-1024x462.png)
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%
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-13-00-33-1024x480.png)
- Klicka pÄ Tema=> VÀlj TemakÀlltyp: Google Standard
- VĂ€lj Google-tematyp i rullgardinsmenyn
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-13-19-16-1024x476.png)
- VÀlj temakÀlla: Snygga kartor
- VÀlj ditt snygga karttema frÄn rullgardinsmenyn
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-13-24-07-1024x477.png)
- 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
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-13-30-06-1024x440.png)
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
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-04-at-11-24-03-1024x488.png)
- VÀlj Adress frÄn det valda omrÄdet=> Ange din adress
- Du kan se den valda platsen
![](https://help.wpmet.com/wp-content/uploads/2021/03/Screenshot_1-1024x455.png)
- VĂ€lj adresstyp: Koordinater
- Ge Latitude
- Ge longitud
- Du kan se den exakta adressen som visas som en markör
![](https://help.wpmet.com/wp-content/uploads/2021/03/Screenshot_2-1024x458.png)
- 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
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-15-46-27-1024x476.png)
- Aktivera anpassad ikonvÀxling
- Ladda upp din ikon
- VĂ€lj Ikonbredd
- VÀlj Ikonhöjd
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-17-04-26-1024x477.png)
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%
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-13-00-33-1024x480.png)
- Klicka pÄ Tema=> VÀlj TemakÀlltyp: Google Standard
- VĂ€lj Google-tematyp i rullgardinsmenyn
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-13-19-16-1024x476.png)
- VÀlj temakÀlla: Snygga kartor
- VÀlj temat för din snygga karta frÄn rullgardinsmenyn
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-13-24-07-1024x477.png)
- 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
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-13-30-06-1024x440.png)
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.
- VĂ€lj karttyp: Statisk
- Styr statisk bildbredd
- Kontrollera statisk bildhöjd
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-17-54-38-1024x476.png)
StÀll in Polyline Map #
Du kan anvÀnda en polylinje för att rita linjer pÄ en karta i Google Maps.
- VĂ€lj karttyp: Polyline
- Du kan se att polylinjekartan dök upp
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-18-04-52-1024x468.png)
- Ange din koordinattitel
- Ge Latitude
- Ge longitud
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-09-at-19-06-43-1024x499.png)
StÀll in polygonkarta #
En polygon (som en polylinje) definierar en serie anslutna koordinater i en ordnad sekvens.
- VĂ€lj karttyp: Polygon
- Du kan se polygonkartan dök upp
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-10-at-12-40-53-1024x496.png)
- Ange din koordinattitel
- Ge Latitude
- Ge longitud
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-10-at-12-51-22-1024x500.png)
- Ge Latitude
- Ge longitud
- LÀgg till allt innehÄll pÄ lÄdan
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-10-at-13-06-51-1024x471.png)
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.
- VÀlj karttyp: TÀcka över
- Du kan se överlÀggskartan visas
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-10-at-13-19-49-1024x466.png)
- 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
![](https://help.wpmet.com/wp-content/uploads/2021/03/Annotation-on-2021-03-10-at-19-08-55-1024x498.png)