не могу сделать отображение карты в мобильном приложении с помощью Jquery touch - PullRequest
Новая
       41

не могу сделать отображение карты в мобильном приложении с помощью Jquery touch

1 голос
/ 23 октября 2011

Я пытаюсь разработать приложение, которое должно отображать карту с помощью API Карт Google. Но я не могу заставить его работать с последней версией кандидата. Эта кроватка у меня работает со старой версией Я поместил его в jsFiddle, чтобы вы могли видеть его вживую.
http://jsfiddle.net/huqY3/

Заранее спасибо

1 Ответ

0 голосов
/ 24 октября 2011

Ваш #map_canvas и его родительский div имеют высоту 0px.Таким образом, ваша Карта Google загружается, но отображается в невидимом контейнере.

Я думаю, JqueryMobile переопределяет ваши встроенные стили CSS.

Чтобы это исправить, вы можете просто вручную установить высоту #map_canvas послесобытие создания страницы.Либо фиксированная высота (например, 500 пикселей), либо вычисленная (взять высоту документа и вычесть высоту заголовка.)

Например: 

$('.page-map').live("pagecreate", function() 
{
   var docH =  $('body').height();
   var headH=  $('body > div:eq(1)').height();
   $('#map_canvas').height(docH-headH);

   initialize();
});

Возможно, это не лучший способ, но трудно сказать, не зная о вашем проекте.

...