Як уставіць карту Google на сайт у html?

0
як уставіць карту google на вэб-сайт у html

Карта Google з зарэгістраваным офісам кампаніі вэб-сайт гэта выдатная дапамога для кліентаў, якія шукаюць сваё месца. Дзякуючы такой мапе кліенты не толькі даведаюцца пра месцазнаходжанне, але і ў навігацыі зададуць маршрут да яго адным пстрычкай мышы, захаваюць адрас у сваім уліковым запісе Google альбо паглядзяць водгукі, пакінутыя іншымі карыстальнікамі.

Каб уставіць карту Google на свой вэб-сайт, вам трэба яе сфармаваць. Для гэтага перайдзіце да браўзэр версія Google Maps і знайдзіце адрас кампаніі альбо іншага месца, карту якога мы хочам рэалізаваць на сайце.

Калі панэль з інфармацыяй пра дадзенае месца знаходзіцца ў левай частцы экрана, увайдзіце ў меню, выкарыстоўваючы кнопку са значком трох гарызантальных ліній. Там сярод мноства варыянтаў варта абраць "абагуліць альбо ўбудаваць карту".

Пасля націску мы ўбачым акно з дзвюма ўкладкамі - першая дазволіць вам абагуліць карту з іншым карыстальнікам Інтэрнэту праз асабістае паведамленне, а другая размяшчэнне карты Google на сайце.

Тут вы можаце наладзіць памер будучай карты - мы можам выбраць малы, сярэдні, вялікі, а таксама ўласныя памеры, у якіх вы можаце вызначыць шырыню і вышыню карты ў пікселях. Кожнае вымярэнне пастаянна адлюстроўваецца для палягчэння выбару. Вызначыўшы памер карты, скапіруйце побач код.

Як пакрокава ўставіць карту Google на вэб-сайт

Згенераваны html-код трэба змясціць у код старонкі. Калі вэб-сайт заснаваны на сістэме кіравання кантэнтам, напрыклад WordPress, у новым рэдактары паведамленняў ці старонак будзе магчымасць уставіць код. Такім чынам, вы можаце хутка змясціць карту ў новы запіс альбо на падстраніцу. Такую карту можна таксама змясціць у віджэт у любым месцы старонкі.

Калі на сайце не выкарыстоўваецца WordPress або падобныя рашэнні, згенераваны код трэба ўставіць самастойна. Затым вам трэба адрэдагаваць файл index.html самастойна (калі вы хочаце дадаць карту на галоўную старонку) альбо файл, які адказвае за адну з падстаронак, і стварыць элемент div, у які трэба ўставіць код. Больш прасунутыя ў стварэнні вэб-сайтаў з дапамогай дадатковых убудоў таксама могуць трохі змяніць знешні выгляд базавай карты, напрыклад, дадаўшы асартымент (карысна для рэстарана, які прапануе дастаўку), дадаўшы больш чым адзін маркер (калі кампанія мае некалькі філіялаў) ) альбо расфарбуйце карту так, каб яна выглядала эстэтычна. падабрала колеры старонкі.

Варта дадаць, што генеруемыя такім чынам карты называюцца Google "ўстаўляць", Гэта"убудаваны" бясплатныя.

Аднак выкарыстанне API Google Maps з 2018 года аплачваецца. Згодна з дзеючым прэйскурантам, кошт залежыць ад колькасці паказаў - невялікія сайты не падвяргаюцца аплаце, калі яны не перавышаюць месячнага ліміту ў дзвесце долараў. Асобныя сумы можна праверыць Прайс-ліст платформы Google Maps, дзе таксама ёсць абмежаванні для паказу, калі іх перавысіць, Google спаганяе з вас плату. API Google Maps дазваляе выбраць больш карт - вы можаце выбраць дынамічныя, статычныя карты, з якімі нельга ўзаемадзейнічаць, пашыраныя ўбудаваныя карты з дадатковымі опцыямі, якія пашыраюць стандартныя, бясплатныя ўбудаваныя карты.

Пакіньце адказ

Калі ласка, увядзіце ваш каментар!
Калі ласка, увядзіце ваша імя тут