Jump to content
  • 0

Карта yandex


slava03
 Share

Question

Поставил Яндекс карту на страницу контактов. В Mozilla, Opera, Chrome карта отображается, в IE6 и IE7 - нет. Сам Яндекс пишет "если отображается серый прямоугольник..." - у меня в IE ничего не отображается. Как быть?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="ru" />
<meta name="robots" content="index,follow" />
<title>Сантехника Петербург :: Контакты</title>
<meta name="keywords" content="ванны акриловые, смесители, душевые кабины, фитинги, раковины, котлы,
унитазы, ванны чугунные, резиновые прокладки, гибкие подводки" />
<meta name="description" content="Компания по продаже сантехники в Санкт-Петербурге." />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="IE7style.css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="IE6style.css" />
<![endif]-->
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
</head>

<body>

<div id="wrapper">

<div id="header">

</div><!-- #header-->

<div id="middle">

<div id="container">
<div id="content">
</br>
<ul>
<li><p align="left"><a href="o kompanii.html" alt="О Компании" title="О Компании" class="o kompanii">О Компании</a></li>

<li><p align="center"><a href="uslugi.html" alt="Услуги" title="Услуги" class="uslugi">Услуги</a></li>

<li><p align="right"><a href="contakti.html" alt="Контакты" title="Контакты" class="contakti">Контакты</a></li>
</ul>
<p>198260 г. Санкт-Петербург</br>
пр. Ветеранов, 76</br>
Тел./факс: (812) 750-57-49, 750-21-74</br>
E-mail: sale@santechnika-spb.ru</p>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
<script src=
"http://api-maps.yandex.ru/1.1/?key=AENz200BAAAApyI0dAIAOAxXGf9iy72qwpAJrBXNP2wY94kAAAAAAAAAAAA5N7M2vp-UG-
_QeeBhNq0bTrnLpA==&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-5843")[0]);
map.setCenter(new YMaps.GeoPoint(30.21868,59.835283), 15, 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#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(30.220826,59.833836), "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-5843" 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><!-- #content-->
</div><!-- #container-->

<div class="sidebar" id="sideLeft">
<strong>Каталог сантехники</strong>
<ul>
<li><a href="akril.html" alt="Ванны акриловые" title="Ванны акриловые" class="akrvanni">Ванны акриловые</a></li>

<li><a href="smesiteli.html" alt="Смесители" title="Смесители" class="smesiteli">Смесители</a></li>

<li><a href="dush.html" alt="Душевые кабины" title="Душевые кабины" class="kabini">Душевые кабины</a></li>

<li><a href="fitingi.html" alt="Фитинги" title="Фитинги" class="fitingi">Фитинги</a></li>

<li><a href="rakovini.html" alt="Раковины" title="Раковины" class="rakovini">Раковины</a></li>

<li><a href="kotli.html" alt="Котлы" title="Котлы" class="kotli">Котлы</a></li>

<li><a href="unitazi.html" alt="Унитазы" title="Унитазы" class="unitazi">Унитазы</a></li>

<li><a href="chugun.html" alt="Ванны чугунные" title="Ванны чугунные" class="chugunvanni">Ванны чугунные</a></li>

<li><a href="prokladki.html" alt="Резиновые прокладки" title="Резиновые прокладки" class="prokladki">Резиновые прокладки</a></li>

<li><a href="podvodki.html" alt="Гибкие подводки" title="Гибкие подводки" class="podvodki">Гибкие подводки</a></li>

<li><a href="prochee.html" alt="Прочее" title="Прочее" class="prochee">Прочее</a></li>
</ul>
</div><!-- .sidebar#sideLeft -->

</div><!-- #middle-->

</div><!-- #wrapper -->

<div id="footer">
<strong>© Магазины сантехники, 2011</strong>
</div><!-- #footer -->
</body>
</html>

Edited by slava03
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Сайт еще не выложен в Интернет. Как эту карту (сейчас смотрю в Firefox, где она отображается) подвинуть на странице вниз, а то у меня в верхней части конента картинка, а в нижней - белый фон. Так вот не хочу, чтобы карта висела в верхней части контента и загораживала картинку.

Edited by slava03
Link to comment
Share on other sites

  • 0

Уловие обязательное, так как:

1. Яндекс требует ключ.

2, Мне, например, лень копировать куда-то этот код, потом созранять, открывать... По ссылке всё проще.

3. «выкладывание сайта в Интернет на курсах» нужно срочно пройти. :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy