Earth Maps Google /

Sådan placeres et kort inde i en web

google maps på en websideAntag, at vi vil placere et Google maps-vindue i et blogindlæg eller på en side med et specifikt område og et mærke i midten med detaljer. Derudover en søgemaskine i bunden.

Den enkleste måde er ved at åbne kortet i Google Maps og vælge indstillingen "link kortet på en integreret måde", hvor du kan tilpasse nogle parametre. Dette er API-frit og gøres ved hjælp af formularen "iframe".

 

Den anden måde er at bruge API gennem en wizard lavet til AJAX, som giver dig mulighed for at oprette koden, der giver få detaljer:

1. Definer parametre

google maps på en webside

I dette tilfælde skal vi definere størrelsen i pixels i det vindue, vi vil vise, det foretrækkes at holde en, der er inden for den maksimale bredde af blogindlægget, såsom 400px

Derefter skal du definere, om du ønsker en tilgang på niveau af by, gade eller blok.

Du kan angive de forventede detaljer i mærket, navn, url og adresse.

Ved at trykke på knappen "preview center location" kan du se, hvordan vinduet ville blive vist.

2. Aktivér API-rettigheder

Den næste ting er at give de data på nettet, hvor vi forventer at vise vinduet. Dette er for at godkende vores API-nummer til dette websted ... og derfor gøre os ansvarlige for enhver overtrædelse, som vi måtte gøre med Googles vilkår.

google maps på en webside

For at erhverve en API skal du normalt gå ind på dette websted og anmode om en for en bestemt url og derefter anmode om at indtaste din gmail-konto, og du får et nummer og en eksempelkode. Hvis gmail-sessionen allerede er åben, tilknytter systemet kontoen.

 

3. Generer kode

google maps på en webside

Ved at trykke på knappen "generer kode" oprettes den nødvendige html for kun at indsætte den i bloggen. Til dette skal kodeindstillingen være aktiveret, indsætte den, og den er klar, i tilfælde af at den indsættes på et andet websted, som API'en er godkendt til, vises en meddelelse, der afviser den.

Og klar, det skal se godt ud. tage til Wizzard

Fordi det er en AJAX-baseret API, fungerer noget af det oprettede script ikke særlig godt i nogle indholdsadministratorer, såsom Wordpress MU, hvor der er styr på funktionaliteten, men generelt burde det køre godt.

Golgi Alvarez

Forfatter, forsker, specialist i jordforvaltningsmodeller. Han har deltaget i konceptualisering og implementering af modeller såsom: National System of Property Administration SINAP i Honduras, Model of Management of Joint Municipalities in Honduras, Integrated Model of Cadastre Management - Registry in Nicaragua, System of Administration of the Territory SAT in Colombia . Redaktør af Geofumadas vidensblog siden 2007 og skaberen af ​​AulaGEO Academy, der omfatter mere end 100 kurser om emner GIS - CAD - BIM - Digitale tvillinger.

Relaterede artikler

Efterlad en kommentar

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *

Tilbage til toppen knap