Клуб API Карт

Ionic Framework + Yandex API

bekzhan@inte.kz
22 февраля 2016, 14:23

Добрый день !

Я делаю приложение на Ionic, и при использовании карт с библиотекой angular не могу нормально отобразить карту.

index.html -> 
<script src="js/angular-ymaps.js"></script>

app.js - > 

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', 'ymaps' ])

view -> 

<yandex-map center="[55.21, 34.30]" zoom="10">
   <ymap-marker coordinates="coords"></ymap-marker>
 </yandex-map>

Но в выходе я получаю 

<ymaps class="ymaps-2-1-34-map ymaps-2-1-34-i-ua_js_yes ymaps-2-1-34-map-ru" style="width: 0px; height: 0px;">

Если карта появляется, но по умолчанию с высотой и длиной 0 пкс.  Почему это происходит и в какую сторону копать?

2 комментария
Ахметова Ольга
26 февраля 2016, 13:45
В документации к модулю: "Размеры карты определяются размерами элемента, их можно задать в css". Может быть, карта у вас внутри элемента с нулевыми размерами. Стиль пробовали задавать?
ymaps{
width: 100px;
height: 100px;
}

либо размеры элемента, в который карта вложена, изменить.

как вариант, не использовать сторонние модули, а напрямую js api )
сама с ними возилась, так и не заработали как надо.
Для элемента ion-content надо добавить атрибут scroll="false"