Inhoudsopgave:
2025 Auteur: John Day | [email protected]. Laatst gewijzigd: 2025-01-23 15:01
Stem op mij in de Maps Challenge!
Onlangs heb ik een website gemaakt die gebruik maakt van Google Maps. Het insluiten van Google Maps op mijn website was vrij eenvoudig en niet zo moeilijk om te doen. In deze Instructables laat ik je zien hoe gemakkelijk het is om Google Maps in te sluiten op je website.
Om eerlijk te zijn, heb ik gewoon voor de lol Google Maps in mijn website ingesloten. Er is niet zoveel te doen in quarantaine, dus waarom zou u geen website maken die gebruikmaakt van Google Maps en mensen de stappen laten zien die ik heb genomen bij het maken van deze website.
Nu moet ik zeggen dat u het een en ander moet weten over HTML en CSS om Google Maps op uw website te kunnen insluiten. Als je niets weet over HTML of CSS, ga dan naar
Opmerking: ik ben op geen enkele manier aangesloten bij W3Schools. Het is gewoon een website die ik nuttig heb gevonden bij het leren van HTML en CSS.
Benodigdheden
- Teksteditor (wordt gebruikt om uw website aan te passen en de inhoud op uw website aan te bieden).
- Google Maps (wat zou worden ingesloten op uw website).
- Basiskennis van HTML en CSS (dit zijn de volgende programmeertalen die zouden worden gebruikt bij het aanpassen van uw website en het aanbieden van inhoud op uw website).
Stap 1: Zorg voor inhoud op uw website
Ga naar uw teksteditorsoftware op uw computer. Omdat ik bijvoorbeeld een Windows heb, zou ik naar Kladblok moeten gaan. Nadat u naar Kladblok bent gegaan, typt u het volgende:
Google Maps
Google Maps
Nadat u klaar bent met het typen van het volgende in Kladblok, gaat u naar Google Maps waar u later de code krijgt die u kunt gebruiken om Google Maps op uw website in te sluiten.
Hier is de link om naar Google Maps te gaan:
Stap 2: Google Maps insluiten op uw website
Als u eenmaal op Google Maps bent, klikt u op de knop "Menu" en zoekt u vervolgens naar "Kaart delen of insluiten". Zodra u "Kaart delen of insluiten" ziet, klikt u erop. Als je daarop hebt geklikt, zou je "Stuur een link" en "Een kaart insluiten" moeten zien. Klik nu op "Een kaart insluiten", zodra u op "Een kaart insluiten" hebt geklikt, ziet u nu een pijl naar beneden links van een tekstvak dat zou worden gebruikt om te kiezen hoe groot of klein u de kaart wilt hebben. Kopieer de tekst in het vak. En plak de tekst in de HTML van je website.
Stap 3: Pas uw website aan
Ga terug naar uw teksteditorsoftware op uw computer en typ het volgende in:
Google Maps body{background-color:rgb(129, 207, 224, 1);}
Google Maps
De stijltag wordt gebruikt om uw website aan te passen. Nu zal ik u adviseren dat deze stap CSS gebruikt. U kunt het volgende typen zodat de uwe er precies zo uitziet als mijn website.
Als u klaar bent, slaat u uw bestand op als "Google Maps.html". Vergeet het html-gedeelte niet, want als u dit niet opneemt, kunt u geen website maken.
Stap 4: Kijk naar uw eindproduct
Als je klaar bent met het volgen van alle stappen in deze Instructables, kijk dan eens goed naar je eindproduct. Als u tevreden bent met uw eindproduct, is dat geweldig. Maar als je niet tevreden bent met je eindproduct, ga dan terug naar je Kladblok en probeer je eindproduct te repareren, zodat je de volgende keer dat je goed naar je eindproduct kijkt, blij zult zijn met wat je hebt gemaakt met jouw handen.
Als u mijn broncode wilt bekijken, vindt u deze onderaan deze Instructables. Bedankt voor het bekijken van mijn Instructables en gelukkig coderen!
Ter herinnering: stem op mij in de Maps Challenge!
Aanbevolen:
Hoe u Final Cut Pro gratis rechtstreeks van de website van Apple kunt krijgen: 5 stappen
Hoe Final Cut Pro gratis rechtstreeks van de website van Apple te krijgen: Hallo, ik maak YouTube-video's en ik kon lange tijd niet de inhoud maken die ik wilde vanwege de beperkingen van iMovie. Ik gebruik een MacBook om mijn video's te bewerken en ik heb altijd al een high-end filmbewerkingssoftware zoals Final Cut Pro t
Hoe muziek te krijgen van BIJNA ELKE (Haha) website (zolang je het kunt horen, kun je het krijgen Ok prima als het in Flash is ingesloten, kun je dat misschien niet) BEWERKT !!!!!
Hoe muziek te krijgen van BIJNA ELKE (Haha) website (zolang je het kunt horen, kun je het krijgen … Ok prima als het in Flash is ingesloten, kun je dat misschien niet) BEWERKT !!!!! Toegevoegde info: als je ooit naar een website gaat en een nummer speelt dat je leuk vindt en wilt, dan is hier de instructie voor jou, niet mijn schuld als je iets verknoeit (de enige manier waarop het zal gebeuren is als je dingen begint te verwijderen zonder reden )ik heb muziek kunnen krijgen voor
Hoe u uw eigen website kunt bouwen: 16 stappen
Hoe u uw eigen website kunt bouwen: een volledig gedekte gids om van papier naar internet te gaan, gratis als u dat wilt, vooral als vriendelijke webmasters u een paar gunsten verschuldigd zijn, maar zelfs met weinig ervaring en kennis kunt u een site bouwen en krijgen op het web als volgt:
Een OEM GPS in alles insluiten: 7 stappen
Integreer een OEM GPS in alles: ik zal u laten zien hoe u een zeer aanpasbare OEM GPS-eenheid kunt aansluiten. Dit zijn geweldige apparaten die in vrijwel alles kunnen worden ingebouwd. Het bouwen van een compleet systeem op maat is veel werk. Het vereist normaal gesproken specifieke kennis over
Hoe u uw pc drastisch kunt versnellen en die snelheid kunt behouden voor de levensduur van het systeem: 9 stappen
Hoe u uw pc drastisch kunt versnellen en die snelheid kunt behouden voor de levensduur van het systeem en om dat zo te houden. Ik zal foto's plaatsen zodra ik de kans krijg, helaas heb ik op dit moment geen