Я получаю ошибки на своем сайте, просто пытаюсь реализовать базовое приложение "Hello world":
<div id="map"></div> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> $(document).ready(function () { map = new google.maps.Map(document.getElementById("map"), myOptions); });
Я получаю ошибку:
'Uncaught ReferenceError: Google не определен'
Как мне решить эту проблему?
Ваш источник указан неверно, я также предлагаю указать точную версию, которую вы хотите загрузить:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&sensor=true"></script>
Это должно помочь.
Иногда это происходит в браузере Google Chrome, если ваш основной сайт находится на платформе https, а карта - в http.Для отображения карты у вас есть щит в поле URL, просто нажмите на щит, и он должен показать его.
Много вещей из вашего кода:
Вы дали document.ready, но нет jQuery ссылки
document.ready
jQuery
Ваш document.ready должен быть внутри <script> теги </script>
<script>
</script>
Вы также должны были дать height и width div, в котором вы держите карту, так как это просто пустой тег.
height
width
div
Вы определили myOptions для Map, и нечего интерпретировать для карты как параметры, которые следует учитывать при загрузке карты **
Вот полный пример:
<html> <body> <div id="map" style="width:500px;height:500px;"></div> <script type="text/javascript" src="Please put your jquery here"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="text/javascript"> var myLatlng = new google.maps.LatLng(40.65, -73.95); var myOptions = { zoom: 13, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; $("document").ready(function () { map = new google.maps.Map(document.getElementById("map"), myOptions); }); </script> </body> </html>