Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.11.2013, 12:45
Новичок на форуме
Отправить личное сообщение для WRed Посмотреть профиль Найти все сообщения от WRed
 
Регистрация: 24.11.2013
Сообщений: 1

jQuery Ui accordion и Google Map
Ситуация следующяя:
В аккордионе при экспанде должна подгружаться карта гугла,
пробовал вызывать функцию при изменении, но так как имя функций всегда разная то обробатывалось не коректно.

В данном варианте все работает после второго клика по h3 первый клик отображает с height проблемой - тоесть карта не открывается полностью, со второго клика все нормально.

Подскажите пожалуйста решение.

<script>
$(function() {
   $( "#accordion" ).accordion({
     heightStyle: "content"
   });
 });
var map, ren, ser;
var data = {};
function setroute(os)
{
var wp = [];
for(var i=0;i<os.waypoints.length;i++)
wp[i] = {'location': new google.maps.LatLng(os.waypoints[i][0], os.waypoints[i][1]),'stopover':false }
ser.route({'origin':new google.maps.LatLng(os.start.lat,os.start.lng),
'destination':new google.maps.LatLng(os.end.lat,os.end.lng),
'waypoints': wp,
'travelMode': google.maps.DirectionsTravelMode.DRIVING},function(res,sts) {
if(sts=='OK')ren.setDirections(res);
})	
} 
</script>

дальше циклично - данные в скрипт подгружаются из базы-это не важно:
<h3  onClick="submission_{global:submissionid}()">Section 1</h3>
<div>
<div id="mappy_{global:submissionid}" style="width:900px; height:550px;"></div>
<script>
function submission_{global:submissionid}()
{
map = new google.maps.Map( document.getElementById('mappy_{global:submissionid}'), {'zoom':12, 'mapTypeId': google.maps.MapTypeId.ROADMAP, 'center': new google.maps.LatLng({Start Latitude:value}, {Finish Longitude:value}) })
ren = new google.maps.DirectionsRenderer( {'draggable':true} );
ren.setMap(map);
ser = new google.maps.DirectionsService();
setroute(eval('({WayMapValue:value})'))
}
</script>
</div>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Google Closure Compiler в advanced mode и JQuery externs yngwie19 Общие вопросы Javascript 2 08.10.2013 20:54
мой код jQuery неработает в google и safari faxll Javascript под браузер 1 12.09.2011 20:51
Неккоректное отображение jquery меню в Google Chrome и Opera Galyanov Opera, Safari и др. 6 25.01.2011 00:26
эмитировать перемещение google map amigo* Элементы интерфейса 3 18.07.2010 18:24
svg поверх google map с использованием raphael amigo* Элементы интерфейса 1 16.06.2010 17:29