VPF::gmaps.js Google Maps прошу помочь - Форум программистов

Win MK 32

Дата 19.8.2012, 23:36 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 492
Регистрация: 15.7.2002

Репутация: нет
Всего: нет

Нужна помощь. Вот попытался использовать gmaps.js. Вмесьл карты отображается синий квадрат большой во всю страницу. Вот сайт этой библиотеки http://hpneo.github.com/gmaps/

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Карта - MKMind</title>
<style type="text/css">
html,
body,
#map {
display: block;
width: 100%;
height: 100%;
}

#map {
background: #58B;
}
</style>
</head><body>
<script type="text/javascript" src="gmaps.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&.js"></script>
<script type="text/javascript">
new GMaps({
div: '#map',
lat: -12.043333,
lng: -77.028333
});
</script>
<div id="map"></div>

</body></html>

AGENTxXx

Дата 20.8.2012, 08:34 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 231
Регистрация: 8.6.2009

Репутация: нет
Всего: 1

Ты не в то место вставил скрипт. Необходимо тебе сделать так:

Код


$(document).ready(function(){
      map = new GMaps({
        div: '#map',
        lat: -12.043333,
        lng: -77.028333
      });
    });

Ну это как минимум одна из твоих ошибок. Если не хочешь использовать jquery, то выделяй в функцию:

Код


function set_map(){
      map = new GMaps({
        div: '#map',
        lat: -12.043333,
        lng: -77.028333
      });
}

и вызывай в body:

Код


<body onload="set_map()">

И! Все скрипты подключай лучше в разделе

Код


<head>
     скрипты
</head>

Это сообщение отредактировал(а) AGENTxXx - 20.8.2012, 08:37

Win MK 32

Дата 20.8.2012, 13:15 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 492
Регистрация: 15.7.2002

Репутация: нет
Всего: нет

Спасибо за ответ! Учел то, что вы сказали, но все равно ен понял, почему не работает? Подскажите пожалуйста!

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Карта - MKMind</title>
    <style type="text/css">
        html,
        body,
        #map {
            display: block;
            width: 100%;
            height: 100%;
            background: #58B;
        }
    </style>
    <script type="text/javascript" src="gmaps.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript">
    function set_map(){
          map = new GMaps({
            div: '#map',
            lat: -12.043333,
            lng: -77.028333
          });
    }
    </script>
</head><body onload="set_map();">
    <div id="map"></div>
</body></html>

AGENTxXx

Дата 20.8.2012, 14:26 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 231
Регистрация: 8.6.2009

Репутация: нет
Всего: 1

Строки не правильно ты местами поставил.
Если кратко, Google api используется в gmaps.js. А так как он их не находит - то и падает. Сделай так:

Код


<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="gmaps.js"></script>

Win MK 32

Дата 20.8.2012, 15:27 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 492
Регистрация: 15.7.2002

Репутация: нет
Всего: нет

Спасибо. Не только это. Я уже исправил

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »