Все работает, но не отображаются внутрености Яндекс Карты (аттачмент)

skobak commented 8 years ago

Добрый день!

Код из примера:

js:

app.controller('MapCtrl', function($scope) {
    //создаем массив координат. При желании его можно загружать и с сервера,
    //подробнее об этом - в документации Angular
    $scope.markers = [
        [54.46, 38.31],
        [53.57, 37.13],
        [53.14, 37.59]
    ];
    //настройки положения карты
    $scope.map = {
        center: [53.57, 37.13], zoom: 12
    };
});

html:

<div ng-controller="MapCtrl">
        <yandex-map center="map.center" zoom="map.zoom">
            <ymap-marker ng-repeat="marker in markers" index="$index+1" coordinates="marker"></ymap-marker>
        </yandex-map>
    </div>

css:

yandex-map {
  display: block;
  width: 100%;
  height: 400px;
}

Ошибок в консоли хрома нету, все грузится нормально, даже куски карт яндекса, но не показываются почему-то?

Браузер не самый свежий, но ваши примеры у вас на сайте работают корректно

skobak commented 8 years ago

Проблема была в стилях, так как сайт использует sb-admin-2 (надстройка над bootstrap), а в ней стили:

canvas {
            max-width: 100% !important;
            max-width: 400px;
            height: auto !important;
}

Добавление этого стиля, исправило положение

ymaps canvas {
  max-width: none!important;
  max-height: none!important;
}

Всем удачи!

just-boris commented 8 years ago

Спасибо информацию! Может, кому-то пригодится

just-boris / angular-ymaps

Все работает, но не отображаются внутрености Яндекс Карты (аттачмент) #20