Почему карта google не загружается в javascript?

Я следую шагам, приведенным в этой ссылке https://developers.google.com/maps/documentation/javascript/tutorial Я получаю сообщение об ошибке после загрузки, можете ли вы сказать мне, где я ошибаюсь? Я уже генерирую ключ? скрипку http://jsfiddle.net/p3kcztvb/1/Почему карта google не загружается в javascript?

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <style type="text/css"> 
     html { height: 100% } 
     body { height: 100%; margin: 0; padding: 0 } 
     #map-canvas { height: 100% } 
    </style> 
    <script type="text/javascript" 
     src="https://maps.googleapis.com/maps/api/js?key=AIzaSyATC35pv00Ga3hRxP4t5W7NtM9as48PGVQs"> 
    </script> 
    <script type="text/javascript"> 
     function initialize() { 
     var mapOptions = { 
      center: new google.maps.LatLng(-34.397, 150.644), 
      zoom: 8 
     }; 
     var map = new google.maps.Map(document.getElementById("map-canvas"), 
      mapOptions); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map-canvas"/> 
    </body> 
</html>

источник

2014-09-01 kanika mittal

После ошибки объяснить себя.

"provided key is not a valid Google API Key,"

Сформировать правильный ключ

To create your API key: 

    Visit the APIs Console at https://code.google.com/apis/console and log in with your Google Account. 
    Click the Services link from the left-hand menu. 
    Activate the Google Maps JavaScript API v3 service. 
    Click the API Access link from the left-hand menu. Your API key is available from the API Access page, in the Simple API Access section. Maps API applications use the Key for browser apps.

here

pic here

Markup код следующим образом: -

// Adds a marker with popup window information 
    var marker1Latlng = new google.maps.LatLng(35.65654,-106); 
    var contentString1 = 'I love New Mexico! <a href="http://www.newmexico.org">More</a> about the Land of Enchantment'; 
    var infowindow = new google.maps.InfoWindow({ 
     content: contentString1 
    }); 
    var marker1 = new google.maps.Marker({ 
     position: marker1Latlng, 
     map: map, 
     title: 'New Mexico' 
    }); 
    google.maps.event.addListener(marker1, 'click', function() { 
    infowindow.open(map,marker1); 
    }); 
//End of Add Marker code

источник

2014-09-01 10:35:00

как мы генерируем, что> Пожалуйста, вы можете сгенерировать –

За то, что вы? необходимо использовать учетную запись ur Gmail. @kanikamittal –

спасибо за ответ. Я могу добавить карту google http://jsfiddle.net/ebgpvfh0/1/.how, чтобы добавить разметку в том, что –

Привет Каника в Интернет ddle похоже, что ключ API, который вы используете, не является допустимым ключом. Возможно, вам понадобится восстановить ключ API для Google Maps API Engine из консоли Google.

источник

2014-09-01 10:36:20

как мы создаем этот ключ, вы, пожалуйста, приводите пример на скрипке –

, вы заходите на https://console.developers.google.com, используя ваши учетные данные google, а затем переходите к API и Auth с левой стороны и выбираете учетные данные. И он отобразит все клавиши с правой стороны. Просто следуйте его инструкциям или следуйте этому видео https://www.youtube.com/watch?v=hiD97hpkRdU – 2014-09-01 10:44:21

http://www.w3schools.com/googleapi/google_maps_api_key.asp – 2014-09-01 10:44:56

Изменение строки этого кода - в основном не нужен ключ апи здесь

<script type="text/javascript" 
     src="https://maps.googleapis.com/maps/api/js?key=AIzaSyATC35pv00Ga3hRxP4t5W7NtM9as48PGVQs"> 
    </script>

Заменить

<script type="text/javascript" 
     src="https://maps.googleapis.com/maps/api/js?v=3.exp"> 
    </script>

источник

2014-09-01 10:53:36

Я могу получить, но добавить отметку спасибо за ответ, я могу добавить google map http://jsfiddle.net/ ebgpvfh0/1 /. Как добавить разметку в –

Почему карта google не загружается в javascript?

ответ

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