Како учинити уграђене мапе прилагодљивим

Kako Uciniti Ugradene Mape Prilagodlivim



Уграђена мапа може бити укључена у веб локацију како би се приказала тачка адреса компаније. Ако је ова мапа исправно уграђена у веб локацију, онда је то одличан додатак. Међутим, док креирате уграђене мапе, имајте на уму да оне морају бити брзе. Штавише, мора изгледати добро и мора изгледати прикладно на свим уређајима и величинама екрана.

Овај запис ће показати процес прилагођавања уграђених мапа.

Како учинити уграђене мапе прилагодљивим?

Корисници могу брзо да уграде мапу у ХТМЛ користећи нека ЦСС својства. Међутим, потребно је прво набавити уграђену везу. У ту сврху, прво, корак 1, а затим уградите мапу у ХТМЛ на следећи начин:







Корак 1: Преузмите везу за уградњу мапе



Да бисте добили везу са уграђеним мапама, прво идите на „ Гугл мапе ”:







Кликните на ' Делите или уградите мапу ' опција:



Сада кликните на „ Уградите мапу ” дугме да бисте добили везу за уградњу:

Након тога, кликните на „ ЦОПИ ХТМЛ ” код за копирање кода:

Корак 2: Уградите мапу у ХТМЛ

Да бисте мапу уградили у ХТМЛ, прво направите ХТМЛ структуру. У ХТМЛ, налепите копирану везу за уградњу унутар <боди> одељак у оквиру а <див> и поставите име класе див. Препоручује се да додате стајлинг унутар <ифраме> таг, као што су ширина и висина мапе:

< тело >
< х1 > Локација на Гоогле мапама < / х1 >
< див класа = 'мапа контејнера' >
< ифраме
ширина = '100%'
висина = '500'
стил = 'бордер:0'
срц = „4БАЕ60314Д62Д2Ц35ЦФ12ЦДД48Ц1Ф1АФФЕ2Ф1ЕБ0.
„1!3м3!1м2!1с0к89ц24фа5д33ф083б%3А0кц80б8ф06е177фе62!2сНев%20Иорк%2Ц%20НИ%2Ц%20САД!5е1!3м2!1сен!2с!3в1740с!
>< / ифраме >
< / див >
< / тело >

Излаз

Сада се из доњег излаза може приметити да је мапа уграђена, и да такође одговара:

Закључак

Да би уграђене мапе биле прилагодљиве, прво направите ХТМЛ структуру која има <див> која садржи уграђени код мапе. Након тога, стилизујте га користећи ЦСС својства да бисте га учинили прилагодљивим. Штавише, медијски упити се могу додати тако да се могу прилагодити различитим стиловима на различитим уређајима. Овај чланак је демонстрирао метод за креирање прилагодљивих уграђених мапа.