Ошибка при неявке: Google не определен

Я работаю над небольшим проектом, который работает с картами google api. У меня нет ошибок, но страница, на которой предполагается загрузить карту, пуста. Я думаю, это потому, что мой объект местоположения передается, и свойства не проверяются после передачи объекта.Ошибка при неявке: Google не определен | API Карт Google

Если вы знаете о гоголевских картах api, и вы можете помочь, я бы действительно его оценил.

/*----------------list of all the global variables---------------------*/ 
 
var map; 
 

 
/*----------------This is the model---------------------*/ 
 
var initialLocation = { 
 
    center:{ 
 
    lng: 33.895593, 
 
    lat: -117.316224 
 
    }, 
 
    zoom: 15 
 
} 
 

 
/*----------------This is the viewmodel---------------------*/ 
 
function initMap(){ 
 
    map = new google.maps.Map(document.getElementById("googleMap"), initialLocation); 
 
} 
 

 
/*----------------This is the view---------------------*/ 
 
$("googleMap").append(map);

html, 
 
.container{ 
 
    height: 100%; 
 
    width: 100%; 
 
    font-family: helvetica, sans-serif; 
 
    margin: 0px; 
 
    padding: 0px; 
 
    background-color: lightgrey; 
 
} 
 

 
#googleMap{ 
 
    height: 100%; 
 
}

<html> 
 
    <head> 
 
    <title>Omar Jandali Udacity Map</title> 
 
    </head> 
 
    <body> 
 
    <div id="container"> 
 

 
    </div> 
 
    <script type="text/javascript" src="collections/underscore.js"></script> 
 
    <script type="text/javascript" src="collections/backbone.js"></script> 
 
    <script type="text/javascript" src="collections/jquery-3.1.0.js"></script> 
 
    <script type="text/javascript" async defer 
 
     src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDik_TF3x4yc96CvWWw12YQ4DMjoG3vfFM&v=3&callback=initMap"></script> 
 
    <script type="text/javascript" src="js/main.js"></script> 
 
    </body> 
 
</html>

источник

2016-08-19 omar jandali

Когда $("googleMap").append(map); исполняет, map по-прежнему устанавливается на нуль. Вам нужно будет выполнить его внутри функции обратного вызова initMap() после того, как map был назначен объект карты, например.

function initMap(){ 
    map = new google.maps.Map(document.getElementById("googleMap"), initialLocation); 
    $("#googleMap").append(map); 
}

источник

2016-08-19 16:38:32 Xoundboy

также, ваш селектор JQuery отсутствует в '' # символ, чтобы указать идентификатор. Он должен быть '$ (" # googleMap "). Append (map)' – Xoundboy

Я пробовал это, и я немного пошутил, но все равно ничего. Он пуст без ошибок, когда я запутался, но он все равно не загружает ничего с ошибкой или без нее –

попробовать этот

function initMap(){ 
var latlng = new google.maps.LatLng(-117.316224, 33.895593); 

var mapOptions = {zoom: 7, center:latlng} 

map = new google.maps.Map(document.getElementById("googleMap"), mapOptions); 

}

источник

2016-08-30 05:52:57

Ошибка при неявке: Google не определен | API Карт Google

ответ

Смежные вопросы