Javascript.RU

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

Не могу использовать 2 яндекс-карты на 1 странице
Здравствуйте! я новичок в скриптах. помогите мне. есть 2 ссылки на нажатии на которые открывается соответствующая яндекс-карта. так вот проблемма: при нажатии на вторую ссылку - всё нормально, вылезает карта, а при нажатии первой - выходит карта, но вместо изображения объектов там лишь серый фон. что делать?
не знаю можно ли здесь скидывать ссылки на сайт, чтобы можно было демонстративно показать на проблему, но всё равно скину: http://rfsport16.ru/where-buy/
Код:
<a href="#" style="cursor:hand;" OnClick="return false;" id="sh_table_eto3">МАГАЗИНЫ RF-SPORT<br><br></a>
<div id="enta_tabla3" style="display:none;">

Магазины <b>RF-Sport</b> расположены по адресам:<br /><br />

<ul>
<li>г.Казань, ул.Н.Ершова, 7a (Парк М.Горького, здание стадиона "Трудовые резервы"), тел.: (843) 249-56-84  <a   href="#"  style="cursor:hand;" OnClick="return false;"   id="one"><IMG src="/images/lupa11.png" WIDTH="15" HEIGHT="15" ALT="Посмотреть карту" ALIGN="absbottom" HSPACE="10" BORDER="0" ></a>
</li>
<li>г.Казань, ул.М.Чуйкова, 41А (Фитнес клуб "Эпицентр"), тел.: (843) 525-56-66.<a   href="#" OnClick="return false;"  style="cursor:hand;"   id="two"><IMG src="/images/lupa11.png" WIDTH="15" HEIGHT="15" ALT="Посмотреть карту" ALIGN="absbottom" HSPACE="10" BORDER="0" ></a></li>
</ul>
<div style="display:none;" id="TrudRez">
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту  (начало) -->
<script src="http://api-maps.yandex.ru/1.1/?key=AO0nPE0BAAAA1m13KQIAA2PVAoOz_o9uloCs3QdP81gtPjIAAAAAAAAAAADnyCM55IKz0o6i8Pge
MujUXg7j7Q==&modules=pmap&wizard=constructor" type="text/javascript"></script>
<script type="text/javascript">
    YMaps.jQuery(window).load(function () {
        var map2 = new YMaps.Map(YMaps.jQuery("#YMapsID-2037")[0]);
        map2setCenter(new YMaps.GeoPoint(49.150725,55.794439), 16, YMaps.MapType.MAP);
        map2.addControl(new YMaps.Zoom());
        map2.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#pmrdlPlacemark", {
            iconStyle : {
                href : "http://api-maps.yandex.ru/i/0.3/placemarks/pmrdl.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        });


        YMaps.Styles.add("constructor#pmgrmPlacemark", {
            iconStyle : {
                href : "http://api-maps.yandex.ru/i/0.3/placemarks/pmgrm.png",
                size : new YMaps.Point(28,29),
                offset: new YMaps.Point(-8,-27)
            }
        });


        YMaps.Styles.add("constructor#pmwtmPlacemark", {
            iconStyle : {
                href : "http://api-maps.yandex.ru/i/0.3/placemarks/pmwtm.png",
                size : new YMaps.Point(28,29),
                offset: new YMaps.Point(-8,-27)
            }
        });

       map2.addOverlay(createObject("Placemark", new YMaps.GeoPoint(49.152748,55.795466), "constructor#pmrdlPlacemark", "Здание \"Трудовые резервы\""));
       map2.addOverlay(createObject("Placemark", new YMaps.GeoPoint(49.150109,55.793738), "constructor#pmgrmPlacemark", "ТЦ \"Корстон\""));
       map2.addOverlay(createObject("Placemark", new YMaps.GeoPoint(49.151798,55.793013), "constructor#pmwtmPlacemark", "ост. \"ЦПКиО им. Горького\""));
        
        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-2037" style="width:450px;height:350px"></div>
<div style="width:450px;text-align:right;font-family:Arial"><a href="http://api.yandex.ru/maps/tools/constructor/" style="color:#1A3DC1">Создано с помощью инструментов Яндекс.Карт</a></div>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->

</div>

<div style="display:none;" id="EpiCenter">
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту  (начало) -->
<script src="http://api-maps.yandex.ru/1.1/?key=AO0nPE0BAAAA1m13KQIAA2PVAoOz_o9uloCs3QdP81gtPjIAAAAAAAAAAADnyCM55IKz0o6i8Pge
MujUXg7j7Q==&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-2511")[0]);
        map.setCenter(new YMaps.GeoPoint(49.135907,55.835861), 17, YMaps.MapType.MAP);
        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#pmrdlPlacemark", {
            iconStyle : {
                href : "http://api-maps.yandex.ru/i/0.3/placemarks/pmrdl.png",
                size : new YMaps.Point(36,41),
                offset: new YMaps.Point(-13,-40)
            }
        });


        YMaps.Styles.add("constructor#pmwtmPlacemark", {
            iconStyle : {
                href : "http://api-maps.yandex.ru/i/0.3/placemarks/pmwtm.png",
                size : new YMaps.Point(28,29),
                offset: new YMaps.Point(-8,-27)
            }
        });

       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(49.135774,55.836334), "constructor#pmrdlPlacemark", "Фитнес-клуб \"Эпицентр\""));
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(49.137784,55.836032), "constructor#pmwtmPlacemark", "ост. \"Поликлиника №7\""));
       map.addOverlay(createObject("Placemark", new YMaps.GeoPoint(49.133986,55.835067), "constructor#pmwtmPlacemark", "ост. \"39 квартал\""));
        
        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-2511" style="width:450px;height:350px"></div>
<div style="width:450px;text-align:right;font-family:Arial"><a href="http://api.yandex.ru/maps/tools/constructor/" style="color:#1A3DC1">Создано с помощью инструментов Яндекс.Карт</a></div>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->

</div>
<script>

    $("#one").click(function () {
       if ($("#TrudRez").css('display') == "none") {
if ($("#EpiCenter").css('display') != "none")  $("#EpiCenter").hide();        
  $("#TrudRez").show();
     YMaps.jQuery(window).load();
        
}
       else
           $("#TrudRez").hide();
    });
     $("#two").click(function () {
       if ($("#EpiCenter").css('display') == "none") {
    if ($("#TrudRezr").css('display') != "none")  $("#TrudRez").hide();          
    $("#EpiCenter").show();
    
YMaps.jQuery(window).load();
}
       else
           $("#EpiCenter").hide();
    });
</script>


<br /></div>
<script>
    $("#sh_table_eto3").click(function () {
       if ($("#enta_tabla3").css('display') == "none")
           $("#enta_tabla3").show();
       else
           $("#enta_tabla3").hide();
    });
</script>
Ответить с цитированием
Ответ



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

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