Почему Карты Google не отображаются?

Question

Я получил синий экран при загрузке Google Maps API. Не могли бы вы ответить, если есть какие-либо проблемы с ними?

Результат оповещения: http://img829.imageshack.us/img829/9279/soru1k.jpg

Функция инициализации:

            <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
            <script type="text/javascript">
                  function yukle() {
                    var locations = $.parseJSON({$json});
                    alert(locations[0]);

                    var latlng = new google.maps.LatLng(locations[0][1], locations[0][2]);
                    var myOptions = {
                      zoom: 7,
                      center: latlng,
                      mapTypeId: google.maps.MapTypeId.ROADMAP
                    };
                    var map = new google.maps.Map(document.getElementById("map_canvas"),
                        myOptions);


                  }

        </script>

HTML:

<div id="map_canvas" style="width:620px; height:470px"></div>

CSS:

    <style type="text/css">
        #map_canvas {
        height: 100%;
        }
    </style>

Результат - синий экран на карте: http://imageshack.us/photo/my-images/546/soru3.jpg/

Answer 1

Если на вашей странице есть элемент map_canvas, это должно работать нормально. Попробуйте опубликовать HTML-код и многое другое.

Также попробуйте отключить стили CSS для своей страницы. ваш css также будет стилизовать элементы карты Google на вашей странице, поэтому, если, например, все div на вашей странице имеют сплошной синий цвет, это может повлиять на элементы карты Google.

EDIT:

На скриншоте, который вы дали, видно, что карта отображается правильно. С строкой что-то не так:

var latlng = new google.maps.LatLng(locations[0][1], locations[0][2]);

В частности, неправильная установка латлинга или неправильные координаты. Скорее всего, ваша карта сфокусирована на участке моря, расположенном немного западнее Нигерии (лат: 0, lng: 0). Попробуйте уменьшить карту и осмотреться.

Answer 2

Массивы Javascript индексируются нулем.Я думаю

var latlng = new google.maps.LatLng(locations[0][1], locations[0][2]);

должно быть

var latlng = new google.maps.LatLng(locations[0][0], locations[0][1]);