Anslut till Senaste Tekniska Nyheter, Bloggar, Recensioner

Hur man skapar och hanterar evenemang i Google Maps med JavaScript – Den kompletta guiden

Google Maps är en onlineplattform som låter dig bläddra i kartorhitta platser av intresse och hitta adresser i olika delar av världen.

Dess största fördel är att den tillåter tre alternativ kartvy: normal, satellit och terräng. Senare i det här inlägget kommer vi att lära dig hur du hanterar händelser i Google Maps, vilket är en annan föga känd funktion i den här appen.

JavaScript är ett programmeringsspråk, vars senaste tillgängliga version är: ECMAScript. Resultatet är en standarddialekt för programmerare eller programmerare. I termer av programmeringsspråk har den ett ganska omfattande evenemangsbibliotek.

Om vi ​​tar detta språk och tillämpar dess funktioner. Samt att införliva det på ett praktiskt sätt i ett program eller en applikation känd över hela världen som Google Maps.

Att arbeta med Google Maps är enkelt; fyller sin funktion perfekt och inte att förväxla med onödiga dekorationer, även från en PC, där vi kan kontrollera om någon använder den på distans

Google Maps kan vara det tillgänglig på mobila enheter via applikationen. Den kommer som standard på Android-smarttelefoner och surfplattor, så du kan använda den som en bärbar GPS.

kan uppnås Ner många olika aktiviteter som är mycket användbara för sina användare.

Detta sätt och fortsatt JavaScript om du vill komma in i programmeringsvärlden eller skriva kod. Specifikt de som används i JavaScript och dess tillämpning i Google Maps-kommandon. Så, Den här guiden kommer att lära dig grunderna. vad du behöver.

Händelser som vi kan använda i Google Maps

För att börja måste vi först känna till de händelser som står till vårt förfogande. API:et vi kommer att arbeta med använder namnet: google.maps.event för att vi ska kunna dra nytta av dessa evenemang. På samma sätt ger detta namn oss statiska metoder som kommer att hantera “Att höra“.

Ja, dessa metoder kommer att lyssna när händelsen inträffar specifikt av en styrenhet som heter: addListener(). Som namnet antyder: add = Add och Listener = Listener. Med detta i åtanke, låt oss gå vidare till att definiera några av de viktigare händelserna.

  • Om du gör en ändring i mitten av kartan är händelsen du bör höra: center_changed. Vilket översätts till dess namn: Center = Center och Changed = Change / Changed.
  • Händelse känd som: klicket utlöses när användaren klickar på gränssnittet. Det spelar ingen roll om det finns på kartan, i informationsrutan eller på en markör.
  • Tills användaren flytta eller dra kartan exekvera valfri adress, kommer vår mottagare att utlösa en händelse: Dra.
  • mousemove är namnet på händelsen som kommer att avfyras vid användaren flyttar musen. Detta kommer att göras oavsett vilken riktning musen pekar i applikationen.
  • När användaren visar snabbmenyn Document Object Model (DOM). kommer att “höras” en händelse som kallas: högerklicka. Allegori över åtgärden att trycka på “höger knapp” på en datormus.
  • zoom_changed, eller dess spanska översättning: Change of approach, kommer att vara ett aktiverat element när det fasta “Zoom”-numret ändras. Definiera denna modifiering av tillvägagångssättet kan endast användas på kartan.

Alla listade är de vanligaste och viktigaste händelserna att utveckla aktiviteter i Google Maps.

dock finns de andra händelser som kan läggas till att koda som är mycket mer detaljerad. Och naturligtvis kräver dess skrift eller syntax lite mer avancerad kunskap.

Hantera verktygen uttryckta i föregående lista, lägga till konstant övning i utvecklingen av denna verksamhet.

På mycket kort tid kommer du att upptäcka många saker du kan göra med dessa kodrader. Detta beror på den värdefulla potential som Google Maps erbjuder oss genom att utöka dess funktionalitet.

Viktiga funktioner i Google Maps

innan du studerar Hur hantera händelser med Google Mapsvi måste överväga funktionerna i denna app

  • Sök efter adresser eller platser av intresse.
  • Visualisera platser av intresse som de verkligen är med Street View.
  • Skriv ut kartorna genom att klicka på utskriftsalternativet i webbläsarens verktygsfält.
  • Dela kartans URL med utvalda personer.
  • Aktivera GPS-position, från din mobiltelefon genom att ange adressen du befinner dig på och adressen du vill gå till.
  • Välj platser i närheten, skriv vad du vill hitta för att hitta en plats att besöka.
  • någon händelse kan publiceras på Google Maps: marknadsspel, öppna evenemang osv.

Denna sista funktion i Google Maps är den minst kända och bör diskuteras i detalj här. Denna funktionalitet uppnås genom lämplig API, vilket är vad ger oss möjlighet att hantera händelser med hjälp av Google Maps. API:t är baserat på JavaScript, som också är ett händelsestyrt programmeringsspråk.

Observera att API:et innehåller några händelser som inte är en del av JavaScriptden är också unik och fungerar i alla webbläsare.

API, på spanska Applikationsprogrammeringsgränssnitt, Att vara en formell specifikation för hur en mjukvarumodul kommunicerar och interagerar med en annan.

Eventhantering i Google Maps, från teori till praktik

Att skapa lösenord är en enkel uppgift för en WEB-utvecklare, men händelsehantering är mycket enkelför att extrahera punkten där du klickade på kartan.

Först måste du skapa en karta och lägg till en händelseavlyssnare till GEvent (Event Receiver) när du klickar på kartan.

var map = new GMap2(document.getElementById("map"));   
map.setCenter(new GLatLng(33,0),3);   
map.addControl(new GLargeMapControl());
map.setMapType(G_NORMAL_MAP); 

GEvent.addListener(map, "click", tratamiento_clic);

När du lägger till en händelse att lyssna på måste du ange tre parametrar: :

  1. API-objektet som det ska lyssnas på efter händelsen
  2. Namnet på händelsen som du vill upptäcka och vidta åtgärder vid upptäckt.
  3. Namnet på funktionen som ska hantera händelsen.

Nu behöver du koda kartans klickbeteende, det vill säga koda funktionen

tratamiento_clic. 
function tratamiento_clic(overlay,point){
alert ("Hola amigo! Veo que estás ahí porque has hecho clic!");
alert ("El punto donde has hecho clic es: " + point.toString());
}

Funktionen tar emot ett par parametrar, som är sammanhanget i vilket händelsen upptäcktes.

Sedan ytterligare ett exempel på utveckling där du kan gör en karta med en skylt. Genom att klicka var som helst på kartan kommer du att kunna ändra positionen för skylten där du klickade.

Händelsen du kommer att kunna se är ett klick på ett kartobjekt av GMap2-klassen. I det här fallet kommer den punkt du klickade att återställas för att placera märket vid den punkten.

Först kommer du att se den sk kod för att skapa en signerad karta: :

var map = new GMap2(document.getElementById("map"));   
map.setCenter(new GLatLng(40,-4),3);   
map.addControl(new GLargeMapControl());
map.setMapType(G_NORMAL_MAP); 

var point = new GPoint (-4,40);
var marker = new GMarker(point); 
map.addOverlay(marker);

Se enkel händelsedetekteringskod klicka på en typ på kartan:

GEvent.addListener(map, "click", function (overlay,point){
if (point){
marker.setPoint(point);
}
});

En händelseavlyssnare skapas för kartobjektet och klickhändelsetypen, exekvering av en funktion som tar emot två parametrar (överlägg, punkt). Kom ihåg att en överlagring är en klickad markör och en punkt är en klickad punkt på kartan.

Google Maps har dock i sin senaste version introducerat en innovativ funktion som gör det lättare att skapa offentliga evenemang.

Den har inte tillkännages officiellt, den är i experimentfasen, men den har redan en egen hemsida i hjälpsektionen Ansökan.

Bara den här tillgänglig på Android-enhetermen detta bestäms också av din plats och rang.

Vars funktion kan placeras i flikar “Bidrag” OCH “Ditt bidrag” i applikationen. Efter att ha klickat på alternativet “Skapa ett offentligt evenemang”appen låter dig lägga till detaljer.

Du kan placera händelsenamn, plats, tid, kategori, beskrivning, du kan till och med lägga till en länk till webbplatsen eller bilder relaterade till evenemanget. Eftersom den här funktionen är under utveckling tar det över en timme att uppdatera.