Jump to content


Photo
- - - - -

Адаптивная карта

карта адаптивный дизайн

Best Answer SmetDenis , 17 March 2016 - 15:56

Похоже решение только через JavaScript подгонять или проще будет сделать фрейм и им управлять через css

http://stackoverflow...sive-google-map

http://www.labnol.or...gle-maps/28333/

Go to the full post


3 replies to this topic

#1 Yojhik

Yojhik
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 110
  • topics: 38

Posted 16 March 2016 - 17:54

Здравствуйте уважаемые участники форума!

Возник вопрос по поводу вывода Google карты, хочется сделать ее адаптивной, отсюда вопрос - с чего начать?

 

Заранее благодарен!


  • 0

#2 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 17 March 2016 - 15:56   Best Answer

Похоже решение только через JavaScript подгонять или проще будет сделать фрейм и им управлять через css

http://stackoverflow...sive-google-map

http://www.labnol.or...gle-maps/28333/


  • 1
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#3 Yojhik

Yojhik
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 110
  • topics: 38

Posted 18 March 2016 - 13:35

Спасибо! Буду смотреть


  • 0

#4 Yojhik

Yojhik
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 110
  • topics: 38

Posted 19 March 2016 - 12:45

Кстати, не знаю насколько это адаптивно. Скорее не адаптивно, но в моем случае сыграло просто и удобно.

Я в настройках карты выставил Width в процентах, а в поле Map Width установил значение 100 соответственно. Таким образом, при изменении ширины окна, карта смещается по ширине, ну а высота 400 px.

Как по мне, выглядит очень аккуратно.

Attached Thumbnails

  • Карта.png

  • 2





Also tagged with one or more of these keywords: карта, адаптивный дизайн

Click to return to top of page in style!