Клуб API Карт

Клуб API Карт

Представляю на суд общественности свою карту

Пост в архиве.

С картами яндекс только начал знакомство, многое еще не понял... постепенно вникаю.

Реализовал карты на своем сайте, с тремя балунами,  вот тут http://seeok.ru/content/view/1/29/ впринципе то что есть мне подходит,

Вот только непонятно следующее , если добавлю много таких меток, то боюсь карта уйдет в ступор при открытии, и так и не понял как же сделать чтоб карта вытягивалась по ширине на 100 %. В css прописывал html, body {width:100%;height:100%} непомогло, выводить отдельно из шаблона joomla, с чистым css неохота. А вобще, жду конструктивной критики и советов по карте. :)

8 комментариев
Авторизуйтесь, чтобы оставить комментарий
ol4ikd
28 января 2016, 09:02
по-поводу ширины карты. Крутила с css-ом. Уже не помню почему, но там возникли какие-то глюки. В результате написала маленький яваскрипт, который выполняется при загрузке и ресайзе окна. Вот кусочек кода: $(window).resize(function(event) { var container = $("#YMapsID"); container.width(container.parent().width()); }) P.S. Если есть какое-то более красивое решение - напишите ;)
BRASH
28 января 2016, 09:02
Спасибо за ответ, к сожалению не хватает знаний, потыкал код в разные места, менял ширину на 100% карта утягивается до 1-2 px. так и не понял куда его правильно вставить))... Моя карта построенна следущим образом, 1.Идет скрипт загрузки APi ключа 2.Скрипт самой карты, тоесть точки на карте, ссылки и т.п. 3.То место где как я понимаю менять ширину 600px на 100% /body onload="init();"\ /div id="YMapsID" style="height:500px; width:600px;"\/div\ >< - заменил /\ почему то тут не отображается с ними.
BRASH
28 января 2016, 09:02
Все решение найдено, если кому то нужно то вот как, верно для joomla для остальных движков ковыряйте css, проверяйте наследуемые классы. В css добавил класс table.contentpaneopen-maps {width:100%;} в страничке поставил наследуемый css суфикc -maps И все, вопрос решен оказался. Проблема была в css.
rodlex
28 января 2016, 09:02
А добавьте в балун еще небольшое текстовое описание и изображение или иконки, характеризующую обозначенный геообъект. Как растянуть карту по ширине и высоте можно посмотреть в примере, который представлен в этом обсуждении.
BRASH
28 января 2016, 09:02
Спасибо за совет и ссылку, на примерах все гораздо понятнее становиться :) Реализовал как вы писали, добавил описание, мини превьюшки и большие картинки. В балуне описание "веб камеры" - потому что в итоге планируется вставлять фотки города, они уже будут с описанием места. В самом начале перед созданием карты, была идея сделать веб камеру в окне прямо на карте. Но по каким то причинам код флэша не захотел работать... и было принято решение оставить в картинках с сылками на камеры))
rodlex
28 января 2016, 09:02
уже лучше :)
lnghost
28 января 2016, 09:02
Да, и ИМХО конечно, ну круглые картинки не вяжутся со стилем балуна. То есть фактически в квадратном, с закругленными краями балуне овальное изображение.

Мне не нравится :)

Еще бага - когда плэйсмарк не развернут - там внизу видно кусочек овального изображения. Тоже не очень симпатично, и не совсем понятно, зачем оно там в принципе.
lnghost
28 января 2016, 09:02
Хм. Почему то появляется балун, секунду виден текст, потом он пропадает до загрузки картинки. Фактически пока картинка грузится - балун пустой. Людей может ввести в заблуждение.

Бага увидена в: Firefox 3.0.10