Turinys:
- Prekės
- 1 veiksmas: pateikite turinį savo svetainėje
- 2 veiksmas: įterpkite „Google“žemėlapius į savo svetainę
- 3 veiksmas: tinkinkite savo svetainę
- Google žemėlapiai
- 4 žingsnis: pažvelkite į savo galutinį produktą
Video: Kaip įterpti „Google“žemėlapius į svetainę: 4 veiksmai
2024 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2024-01-30 10:45
Balsuokite už mane Žemėlapių iššūkyje!
Neseniai sukūriau svetainę, kurioje naudojami „Google“žemėlapiai. Įterpti „Google“žemėlapius į savo svetainę buvo gana paprasta ir ne taip sunku. Šioje instrukcijoje aš jums parodysiu, kaip lengva įterpti „Google“žemėlapius į savo svetainę.
Tiesą sakant, aš tiesiog įdėjau „Google“žemėlapius į savo svetainę tik linksmybėms. Karantino metu nėra tiek daug ką nuveikti, tad kodėl gi ne sukurti svetainę, kurioje būtų naudojami „Google“žemėlapiai, tada parodyti žmonėms veiksmus, kurių ėmiausi kurdama šią svetainę.
Dabar turiu pasakyti, kad norėdami įterpti „Google“žemėlapius į savo svetainę, turite žinoti vieną ar du dalykus apie HTML ir CSS. Jei nieko nežinote apie HTML ar CSS, pabandykite apsilankyti
Pastaba: aš nesu susijęs su „W3Schools“jokia forma ar forma. Tai tik svetainė, kuri, mano manymu, buvo naudinga mokantis HTML ir CSS.
Prekės
- Teksto redaktorius (bus naudojamas tinkinti svetainę ir pateikti svetainės turinį).
- „Google“žemėlapiai (kas būtų įterpta į jūsų svetainę).
- Pagrindinis HTML ir CSS supratimas (tai yra šios programavimo kalbos, kurios būtų naudojamos tinkinant svetainę ir teikiant turinį svetainėje).
1 veiksmas: pateikite turinį savo svetainėje
Kompiuteryje eikite į teksto rengyklės programinę įrangą. Pavyzdžiui, kadangi turiu „Windows“, turėčiau eiti į „Notepad“. Po to, kai einate į „Notepad“, įveskite:
Google žemėlapiai
Google žemėlapiai
Baigę rašyti toliau „Notepad“, eikite į „Google“žemėlapius, kur vėliau gausite kodą, kurį galėsite naudoti „Google“žemėlapiams įterpti į savo svetainę.
Štai nuoroda, skirta eiti į „Google“žemėlapius:
2 veiksmas: įterpkite „Google“žemėlapius į savo svetainę
Kai esate „Google“žemėlapiuose, spustelėkite mygtuką „Meniu“ir ieškokite „Bendrinti arba įterpti žemėlapį“. Pamatę „Bendrinti arba įterpti žemėlapį“, spustelėkite jį. Spustelėję jį, turėtumėte pamatyti „Siųsti nuorodą“ir „Įterpti žemėlapį“. Dabar spustelėkite „Įterpti žemėlapį“, spustelėję „Įterpti žemėlapį“, dabar teksto laukelio kairėje turėtumėte pamatyti rodyklę žemyn, kuri būtų naudojama norint pasirinkti, kokio dydžio ar mažo norite žemėlapio. Nukopijuokite tekstą laukelyje. Ir įklijuokite tekstą į savo svetainės HTML.
3 veiksmas: tinkinkite savo svetainę
Grįžkite į savo kompiuterio teksto rengyklės programinę įrangą ir įveskite:
„Google“žemėlapių turinys {background-color: rgb (129, 207, 224, 1);}
Google žemėlapiai
Stiliaus žyma naudojama tinkinant svetainę. Dabar aš jums patarsiu, kad šis žingsnis naudoja CSS. Galite įvesti toliau nurodytą tekstą, kad jūsų adresas atrodytų kaip mano svetainė.
Baigę išsaugokite failą kaip „Google Maps.html“. Nepamirškite html dalies, nes jei neįtrauksite šios dalies, negalėsite sukurti svetainės.
4 žingsnis: pažvelkite į savo galutinį produktą
Kai atliksite visus šios instrukcijos veiksmus, gerai pažvelkite į savo galutinį produktą. Jei esate patenkintas savo galutiniu produktu, tai puiku. Bet jei nesate patenkintas savo galutiniu produktu, grįžkite į „Notepad“ir pabandykite pataisyti galutinį produktą, kad kitą kartą, kai gerai pažvelgsite į savo galutinį produktą, būsite patenkinti tuo, ką sukūrėte tavo rankos.
Jei norite peržiūrėti mano šaltinio kodą, jį rasite šios instrukcijos apačioje. Dėkojame, kad peržiūrėjote mano instrukcijas ir sėkmingą kodavimą!
Primename, kad balsuokite už mane „Maps Challenge“!
Rekomenduojamas:
Kaip sukurti ir įterpti lentelę ir pridėti papildomų stulpelių ir (arba) eilučių prie „Microsoft Office Word 2007“: 11 žingsnių
Kaip sukurti ir įterpti lentelę ir pridėti papildomų stulpelių ir (arba) eilučių prie šios lentelės programoje „Microsoft Office Word 2007“: ar kada nors turėjote daug duomenų, su kuriais dirbate, ir pagalvojote … “ar šie duomenys atrodo geriau ir yra lengviau suprantami? " Jei taip, tuomet jūsų atsakymas gali būti „Microsoft Office Word 2007“lentelė
Kaip padidinti bitų žemėlapius „Eagle“: 8 žingsniai (su paveikslėliais)
Kaip maksimaliai padidinti bitų žemėlapius „Eagle“: Profesionalių plokščių gamybos išlaidos vis pigesnės, atrodo, kad dabar yra puikus laikas pereiti prie PCB dizaino. Internetinės bendruomenės padeda išlyginti stačias programinės įrangos mokymosi kreives ir pateikia daugybę schemų
Lengvai automatiškai ir nemokamai pridėkite „Google“žemėlapius prie „Google“skaičiuoklių: 6 veiksmai
Lengvai automatiškai ir nemokamai pridėkite „Google“žemėlapius prie savo „Google“lapų: kaip ir daugelis kūrėjų, sukūriau keletą GPS sekimo projektų. Šiandien galėsime greitai vizualizuoti GPS taškus tiesiai „Google“skaičiuoklėse, nenaudodami jokios išorinės svetainės ar API. Geriausia, kad tai NEMOKAMA
Kaip sukurti pasirinktinius stilizuotus žemėlapius naudojant „OpenStreetMap“: 7 žingsniai (su paveikslėliais)
Kaip sukurti pasirinktinius stilizuotus žemėlapius naudojant „OpenStreetMap“: Šioje instrukcijoje aprašysiu procesą, kurio metu galite sukurti savo individualius stilizuotus žemėlapius. Stilizuotas žemėlapis yra žemėlapis, kuriame vartotojas gali nurodyti, kurie duomenų sluoksniai yra vizualizuojami, taip pat apibrėžti kiekvieno sluoksnio stilių
Kaip sukurti svetainę „Raspberry Pi“naudojant „Node.js“, „Express“ir „MongoDB“1 dalis: 6 veiksmai
Kaip sukurti svetainę „Raspberry Pi“naudojant „Node.js“, „Express“ir „MongoDB“1 dalyje bus apžvelgiama reikalinga programinė įranga, naudojama kuriant „nod.js“programas, kaip naudotis prievadų peradresavimu, kaip sukurti programą naudojant „Express“ir kaip paleisti programą. Antroji šio dalyko dalis