Как да вмъкнете карта на Google на уебсайт в html?

0
как да вмъкнете карта на google на уебсайт в html

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

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

Когато панелът с информация за дадено място е в лявата част на екрана, влезте в менюто, като използвате бутона с иконата на три хоризонтални линии. Там измежду много опции изберете „споделете или вградете карта".

След натискане ще видим прозорец с два раздела - първият ще ви позволи да споделите картата с друг потребител на интернет чрез лично съобщение, а вторият поставяне на карта на Google на уебсайта.

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

Как стъпка по стъпка да вмъкнете карта на Google на уебсайт

Генерираният html код трябва да бъде поставен в кода на страницата. Ако уебсайтът се основава на система за управление на съдържанието, като WordPress, новият редактор на публикации или страници ще има опцията да постави кода. По този начин можете бързо да поставите карта в нов запис или на подстраница. Такава карта може да бъде поставена и в джаджата навсякъде на страницата.

Ако уебсайтът не използва WordPress или подобни решения, генерираният код трябва да бъде вкаран сам. След това трябва да редактирате файла index.html сами (ако искате да добавите карта към началната страница) или файла, отговорен за една от подстраниците, и да създадете div елемент, в който кодът да бъде поставен. По-напредналите в създаването на уебсайтове с допълнителни приставки също могат леко да променят външния вид на основната карта, например чрез добавяне на диапазон (полезен за ресторант, предлагащ доставка), добавяне на повече от един маркер (когато компанията има няколко клона) или цвят картата, така че да изглежда естетически приятна. съвпаднала с цветовете на страницата.

Струва си да се добави, че генерираните по този начин карти, наречени от Google "Закрепвам", Това е"вграден" са безплатни.

Използването на API на Google Maps обаче от 2018 г. е платимо. Според настоящата ценова листа цената зависи от броя импресии - малките сайтове не са изложени на никакви такси, когато не надвишават месечния лимит от двеста долара. Отделните суми могат да бъдат проверени Ценова листа на Google Maps Platform, където има и ограничения за показване, ако бъдат надвишени, Google ще ви таксува. API на Google Maps ви позволява да изберете повече карти - можете да изберете динамични, статични карти, с които не може да се взаимодейства, усъвършенствани вградени карти с допълнителни опции, разширяващи стандартните, безплатни вградени карти.

ОСТАВЕТЕ ОТГОВОР

Моля, въведете своя коментар!
Моля, въведете вашето име тук