我正在创建一个静态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,title:"Tom Cruise" }); var marker = new google.maps.Marker({ position: myLatlng2,title:"Lady Gaga" }); } </script> </head> <body onLoad="initialize()"> <div id="map_canvas"></div> </body> </html>
我不确定我在这里做错了什么 – 它实际上适用于Windows上的IE v8但不适用于Safari,我需要让它适用于两者.