Я не вижу свою карту Google

Question

Привет, ребята :) У меня возникли проблемы с картами Google, я не знаю, почему их не вижу. Может кто-нибудь сказать мне, что я делаю не так? Вот мой код:

jQuery(document).ready( function($){    

        var geocoder;
        var map;
        var markersArray = [];
        var infos = [];

        geocoder = new google.maps.Geocoder();
        var myOptions = {
              zoom: 9,
              mapTypeId: google.maps.MapTypeId.ROADMAP
            }
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        // map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

        var bounds = new google.maps.LatLngBounds();
        var encodedString;
        var stringArray = [];
        encodedString = document.getElementById("encodedString").value;
        stringArray = encodedString.split("****");

        var x;
        for (x = 0; x < stringArray.length; x = x + 1)
        {
            var addressDetails = [];
            var marker;
            addressDetails = stringArray[x].split("&&&");

            var lat = new google.maps.LatLng(addressDetails[1], addressDetails[2]);
            //alert(image + " " + addressDetails[1] );
            marker = new google.maps.Marker({ 
                map: map, 
                position: lat,
                content: addressDetails[0]
            });
            markersArray.push(marker);
            google.maps.event.addListener( marker, 'click', function () {
                closeInfos();
                var info = new google.maps.InfoWindow({content: this.content});
                info.open(map,this);
                infos[0]=info;
            });
            bounds.extend(lat);
        }

        map.fitBounds(bounds);              

        function closeInfos(){
                    if(infos.length > 0){
                           infos[0].set("marker",null);
                           infos[0].close();
                           infos.length = 0;
                    }
}

    });

Вот ссылка на код: https://jsfiddle.net/w1zst7uz/3/

Есть идеи?

Answer 1

1. Эта строка

   encodedString = document.getElementById("encodedString").value;
   

   выдает следующую ошибку

   TypeError: document.getElementById (...) равен нулю

   На вашей странице нет элемента с id = "encodedString".

2. Кроме того, в myOptions отсутствует центр. Это обязательное свойство (см. Параметры карты )

   myOptions должен выглядеть примерно так

   var myOptions = {
       zoom: 9,
       mapTypeId: google.maps.MapTypeId.ROADMAP,
       center: {lat: -25.363, lng: 131.044}                                
   }