X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Сталкивался ли кто-то с Google maps api?
forest69
forest69
Topic Starter сообщение 23.2.2012, 17:33; Ответить: forest69
Сообщение #1


При установке карты от гугл возникла ошибка.

Если вставлять карту вот так:

<body onload="initialize()">
------> <div id="map_canvas" style="height:100%"></div>
<div class="bg">
<!--start container-->
<div id="container">
<!--start header-->
<header>
<!--start logo-->
<a href="#" id="logo"><img src="images/logo.png" alt="logo"/></a>
<!--end logo-->
<!--start menu-->
<nav>
<ul>

</nav>
<!--end menu-->
<!--end header-->
</header>
<!--start intro-->
<section id="intro">
<hgroup>

</hgroup>
</section>
<!--end intro-->
<!--start holder-->
<div class="holder_content">
<section class="group1">
<h3>About us</h3>

</section>
<section class="group2">
<h3>Services</h3>

</section>
</div>
<!--end holder-->
<!--start holder-->
<div class="holder_content">
<section class="group4">
<h3>Latest article</h3>

</section>
</div>
<!--end holder-->
</div>
<!--end container-->
<!--start footer-->
<footer>
<div class="container">


</div>
</footer>
<!--end footer-->
</div>
<!--end bg-->
</body>


то карта норм отображается.
А если так:
<body onload="initialize()">
<div class="bg">
<!--start container-->
<div id="container">
<!--start header-->
<header>
<!--start logo-->
<a href="#" id="logo"><img src="images/logo.png" alt="logo"/></a>
<!--end logo-->
<!--start menu-->
<nav>
<ul>

</nav>
<!--end menu-->
<!--end header-->
</header>
<!--start intro-->
<section id="intro">
<hgroup>

</hgroup>
</section>
<!--end intro-->
<!--start holder-->
<div class="holder_content">
<section class="group1">
<h3>About us</h3>
-----> <div id="map_canvas" style="height:100%"></div>
</section>
<section class="group2">
<h3>Services</h3>

</section>
</div>
<!--end holder-->
<!--start holder-->
<div class="holder_content">
<section class="group4">
<h3>Latest article</h3>

</section>
</div>
<!--end holder-->
</div>
<!--end container-->
<!--start footer-->
<footer>
<div class="container">


</div>
</footer>
<!--end footer-->
</div>
<!--end bg-->
</body>


Но ничего не показывает. Я никак не могу понять с чем это может быть связано.
Может не правильно настроил ниже приведенный файл?

[JS]
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
[/JS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DelphinPRO
DelphinPRO
сообщение 24.2.2012, 12:09; Ответить: DelphinPRO
Сообщение #2


во втором случае высота контейнера map_canvas равна нулю. Чтобы срабатывало свойство height:100% (в процентах) - высота родителя ( в данном случае section.group1 ) должна быть указана в абсолютных единицах.

PS откройте для себя FireBug/ поистине удивительнейшая штука.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DelphinPRO
DelphinPRO
сообщение 25.2.2012, 11:11; Ответить: DelphinPRO
Сообщение #3


не стоит благодарностей.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
forest69
forest69
Topic Starter сообщение 25.2.2012, 12:36; Ответить: forest69
Сообщение #4


Спасибо!.
Просто только сейчас прочитал ваш ответ

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Кто где хранит файлы? И какой объем?
просто интересно
19 mark2013 2007 25.3.2024, 6:42
автор: Skyworker
Горячая тема (нет новых ответов) LITE.HOST - хостинг для тех, кто любит не переплачивать
73 akkyoh 30445 24.3.2024, 18:28
автор: Kseniya_Klimova
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
10 Chekon 3582 24.3.2024, 14:15
автор: Chekon
Открытая тема (нет новых ответов) ⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐
12 Chekon 3821 24.3.2024, 13:56
автор: Chekon
Открытая тема (нет новых ответов) Пишет кто отзывы на сайт в янднекс с разных аккаунтах
1 TenDemon_rs 1133 22.3.2024, 13:18
автор: writer80


 



RSS Текстовая версия Сейчас: 29.3.2024, 17:44
Дизайн