Hoe een kaart op een web plaatsen
Stel dat we een Google Maps-venster in een blogbericht of op een pagina willen plaatsen met een specifiek gebied en een markering in het midden met details. Daarnaast een zoekmachine onderaan.
De eenvoudigste manier is door de kaart in Google Maps te openen en de optie "de kaart op een ingesloten manier koppelen" te kiezen waarin u enkele parameters kunt aanpassen. Dit is API-vrij en wordt gedaan met behulp van het "iframe" -formulier.
De andere manier is om de API te gebruiken, via een wizzard gemaakt voor AJAX, waarmee je de code kunt maken met weinig details:
1. Definieer parameters
In dit geval moeten we de grootte definiëren in pixels van het venster dat we willen weergeven, het heeft de voorkeur om er een te houden die zich binnen de maximale breedte van het blogbericht bevindt, zoals 400px
Vervolgens moet je definiëren of je een aanpak wilt op het niveau van stad, straat of blok.
U kunt de verwachte details opgeven in merk, naam, URL en adres.
Door op de knop "preview center location" te drukken, kunt u zien hoe het venster zou worden weergegeven.
2. Activeer API-rechten
Het volgende is om de gegevens van het web te verstrekken waarin we het venster verwachten te tonen. Dit is om ons API-nummer voor die website te autoriseren ... en daarom ons verantwoordelijk te maken voor elke schending die we maken van de voorwaarden van Google.
Normaal gesproken, om een API te verkrijgen, gaat u naar deze website en vraagt u er een aan voor een specifieke url, vraagt u vervolgens om uw gmail-account in te voeren en krijgt u een nummer en een voorbeeldcode toegewezen. Als de Gmail-sessie al open is, koppelt het systeem het account.
3. Genereer code
Door op de knop "code genereren" te drukken, wordt de nodige html aangemaakt om deze alleen in de blog in te voegen. Hiervoor moet de code-optie geactiveerd zijn, plak het en het is klaar, in het geval dat het op een andere website wordt geplakt waarvoor de API is geautoriseerd, zal er een bericht verschijnen waarin het wordt afgewezen.
En klaar, het moet er goed uitzien. gaan naar Wizzard
Omdat het een op AJAX gebaseerde API is, werkt een deel van het gemaakte script niet erg goed in sommige contentmanagers, zoals Wordpress MU, waar er controle is over de functionaliteit, maar over het algemeen zou het goed moeten werken.