Google Maps API v3 - TypeError: Результат выражения 'google.maps.LatLng' [undefined] не является конструктором - PullRequest
Новая
       0

Google Maps API v3 - TypeError: Результат выражения 'google.maps.LatLng' [undefined] не является конструктором

7 голосов
/ 05 июля 2011

Я создаю статическую HTML-страницу для отображения количества мест из данных. Я только что скопировал один из примеров и работаю в обратном направлении, но в Safari Inspector выдается следующая ошибка: 

main.js:1SyntaxError: Parse error
sample.htm:10TypeError: Result of expression 'google.maps.LatLng' [undefined] is not a constructor.

Вот мой HTML-код: 

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<title>Multi Markers Sample via Google Maps</title> 
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
function initialize() {
var myLatlng = new google.maps.LatLng(-30.2965590,153.1152650);
var myLatlng1 = new google.maps.LatLng(-30.2956470,153.1123707);
var myLatlng2 = new google.maps.LatLng(-30.2864430,153.1360230);
var myOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
icon: 'http://www.google.com/intl/en_us/mapfiles/ms/icons/blue-dot.png',
title:"Original Location"     });   
var marker = new google.maps.Marker({
position: myLatlng1,
map: map,
title:"Tom Cruise"     }); 
var marker = new google.maps.Marker({
position: myLatlng2,
map: map,
title:"Lady Gaga"     }); 
} 
</script> 
</head> 
<body onLoad="initialize()">   
<div id="map_canvas"></div> 
</body> 
</html>

Я не уверен, что я делаю здесь неправильно - на самом деле он работает в IE v8 на Windows, но не в Safari, и мне нужно, чтобы он работал на обоих.

Ответы [ 2 ]

22 голосов
/ 02 декабря 2011

Добавьте функцию обратного вызова в запрос Google Maps. Он будет выполнен после того, как Google загрузит все, что ему нужно. 

http://maps.google.com/maps/api/js?sensor=false&callback=initialize
1 голос
/ 25 декабря 2013

привет, пожалуйста, используйте этот код, используя JQuery `

<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<title>Multi Markers Sample via Google Maps</title> 
    <script src="js/jquery-1.10.2.min.js"></script>

<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
      <style>
        #map_canvas {
            height: 500px;
            width: 100%;
        }
    </style>
<script type="text/javascript">
    $(document).ready(function () {
        var myLatlng = new google.maps.LatLng(-30.2965590, 153.1152650);
        var myLatlng1 = new google.maps.LatLng(-30.2956470, 153.1123707);
        var myLatlng2 = new google.maps.LatLng(-30.2864430, 153.1360230);
        var myOptions = {
            zoom: 13,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            icon: 'http://www.google.com/intl/en_us/mapfiles/ms/icons/blue-dot.png',
            title: "Original Location"
        });
        var marker = new google.maps.Marker({
            position: myLatlng1,
            map: map,
            title: "Tom Cruise"
        });
        var marker = new google.maps.Marker({
            position: myLatlng2,
            map: map,
            title: "Lady Gaga"
        });
    });
</script> 
</head> 
<body >  
<div id="map_canvas"></div> 
</body> 
</html>`
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...