Как да вградите Google Карти в уебсайт: 4 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:51

Гласувайте за мен в Предизвикателството на Карти!

Наскоро създадох уебсайт, който използва Google Maps. Вграждането на Google Карти в моя уебсайт беше сравнително лесно и не беше толкова трудно да се направи. В тази инструкция ще ви покажа колко лесно е да вградите Google Maps във вашия уебсайт.

За да бъда честен с вас, просто вградих Google Maps в моя уебсайт само за забавление. Няма толкова много неща за вършене, докато сте в карантина, така че защо да не направите уебсайт, който използва Google Maps, след това да покажете на хората стъпките, които съм предприел, докато създавах този уебсайт.

Сега трябва да кажа, че трябва да знаете нещо за HTML и CSS, за да вградите Google Maps във вашия уебсайт. Ако не знаете нищо за HTML или CSS, опитайте да отидете на

Забележка: Не съм свързан с W3Schools под каквато и да е форма или форма. Това е просто уебсайт, който намерих за полезен при изучаването на HTML и CSS.

Консумативи

• Текстов редактор (ще се използва за персонализиране на вашия уебсайт и предоставяне на съдържанието на вашия уебсайт).
• Google Maps (какво би било вградено във вашия уебсайт).
• Основно разбиране за HTML и CSS (това са следните езици за програмиране, които биха били използвани при персонализиране на вашия уебсайт и предоставяне на съдържание на вашия уебсайт).

Стъпка 1: Осигурете съдържание на вашия уебсайт

Отидете на вашия софтуер за текстов редактор на вашия компютър. Например, тъй като имам Windows, трябва да отида в Notepad. След като отидете в Notepad, въведете следното:

Google Maps

Google Maps

След като приключите с въвеждането на следното в Notepad, отидете на Google Maps, където по -късно ще получите кода, който да използвате, за да вградите Google Maps в уебсайта си.

Ето връзката, за да отидете в Google Карти:

Стъпка 2: Вградете Google Карти в уебсайта си

След като сте в Google Maps, кликнете върху бутона „Меню“и след това потърсете „Споделяне или вграждане на карта“. След като видите „Споделяне или вграждане на карта“, кликнете върху нея. След като кликнете върху това, трябва да видите „Изпращане на връзка“и „Вграждане на карта“. Сега кликнете върху „Вграждане на карта“, след като сте кликнали върху „Вграждане на карта“, сега трябва да видите стрелка надолу вляво от текстово поле, която би била използвана, за да изберете колко голяма или малка искате да бъде картата. Копирайте текста в полето. И поставете текста в HTML на вашия уебсайт.

Стъпка 3: Персонализирайте уебсайта си

Върнете се към софтуера за текстов редактор на вашия компютър и въведете следното:

Google Maps body {background-color: rgb (129, 207, 224, 1);}

Google Maps

Етикетът за стил се използва за персонализиране на вашия уебсайт. Сега ще ви посъветвам, че тази стъпка използва CSS. Можете да въведете следното, така че вашият да изглежда точно като моя уебсайт.

След като приключите, запазете файла си като „Google Maps.html“. Не забравяйте html частта, защото ако не включите тази част, не можете да направите уебсайт.

Стъпка 4: Погледнете крайния си продукт

След като приключите с всички стъпки в тази инструкция, погледнете добре своя краен продукт. Ако сте доволни от крайния си продукт, това е чудесно. Но ако не сте доволни от крайния си продукт, върнете се в бележника си и се опитайте да поправите крайния си продукт, така че следващия път, когато хвърлите един добър поглед върху крайния си продукт, ще останете доволни от това, с което сте създали твоите ръце.

Ако искате да видите моя изходен код, той може да бъде намерен в долната част на тази инструкция. Благодаря ви, че разгледахте моите инструкции и щастливо кодиране!

Като напомняне, моля, гласувайте за мен в Предизвикателството на Карти!