Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > gmaps.js Google Maps прошу помочь

Автор: Win MK 32 19.8.2012, 23:36

Нужна помощь. Вот попытался использовать 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

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

Код


$(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>

Автор: Win MK 32 20.8.2012, 13:15

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

Код


<!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

Строки не правильно ты местами поставил.
Если кратко, 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

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