Клуб API Карт

Высота карты в процентах ver.2

mkone112
10 мая 2011, 15:21

Уже поднимал эту тему но умудрился замусорить ее по незнанию ненужной информацией

При замене height:35px на height:35% карта не отображается мне дали ссылку на похожую темуhttp://clubs.ya.ru/mapsapi/replies.xml?item_no=16655 но я полный профан в этом и не разобрался где и что нужно заменить???

Заранее благодарен!

Вот код: 

<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту  (начало) -->

<script src="http://api-maps.yandex.ru/1.1/?key=AImTZU0BAAAAyMPhEgIASrmrWJSWGNDRdOJefAW1S8enmB4AAAAAAAAAAACmE4xf092YDNWif5zv4XfbeCqISA==&modules=pmap&wizard=constructor" type="text/javascript"></script>

<script type="text/javascript">

    YMaps.jQuery(window).load(function () {

        var map = new YMaps.Map(YMaps.jQuery("#YMapsID-4232")[0]

        map.setCenter(new YMaps.GeoPoint(71.28918,36.144361), 10, YMaps.MapType.HYBRID);

        map.addControl(new YMaps.Zoom()

        map.addControl(new YMaps.ToolBar()

        YMaps.MapType.PMAP.getName = function () { return "Народная"; };

        map.addControl(new YMaps.TypeControl([

            YMaps.MapType.MAP,

            YMaps.MapType.SATELLITE,

            YMaps.MapType.HYBRID,

            YMaps.MapType.PMAP

        ], [0, 1, 2, 3])


        YMaps.Styles.add("constructor#pmpnmPlacemark", {

            iconStyle : {

                href : "http://api-maps.yandex.ru/i/0.3/placemarks/pmpnm.png",

                size : new YMaps.Point(28,29),

                offset: new YMaps.Point(-8,-27)

            }

        }



        YMaps.Styles.add("constructor#pmlbmPlacemark", {

            iconStyle : {

                href : "http://api-maps.yandex.ru/i/0.3/placemarks/pmlbm.png",

                size : new YMaps.Point(28,29),

                offset: new YMaps.Point(-8,-27)

            }

        }


       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(37.603725,55.738066), "constructor#pmpnmPlacemark", "454")

       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(37.966274,56.129667), "constructor#pmlbmPlacemark", "")

       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(71.263088,36.137677), "constructor#pmlbmPlacemark", "")

        

        function createObject (type, point, style, description) {

            var allowObjects = ["Placemark", "Polyline", "Polygon"],

                index = YMaps.jQuery.inArray( type, allowObjects),

                constructor = allowObjects[(index == -1) ? 0 : index];

                description = description || "";

            

            var object = new YMaps[constructor](point, {style: style, hasBalloon : !!description}

            object.description = description;

            

            return object;

        }

    }

</script>



<div id="YMapsID-4232" style="width:100%;height:35px"></div>

 

 

5 комментариев
Подписаться на комментарии к посту

спрячьте ваш код под кат

а как это сделать???

 

в визивиге (редактор где вы пишите/редактируете пост) есть иконка "врезка"

ваш вопрос про относительную высоту элемента (в процентах)

не имеет никакого отношения к теме клуба и к javascript вообще

 

Вам нужно поправить ваши CSS-стили так чтобы родительские DOM-элементы контейнера карты имели установленную высоту

//установка размеров для карты: