Question

我刚开始使用Maps API，我试图复制以下示例。

https://code.google.com/apis/maps/documentation/javascript/examples/streetview-simple.html

当我复制源代码时，脚本中出现以下错误。

谷歌没有定义第11行 var fenway = new google.maps.LatLng（42.345573，-71.098326）;

这是我正在使用的html文件。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example: Street View Layer</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script src="//maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">

 function initialize() {
   var fenway = new google.maps.LatLng(42.345573,-71.098326);
var mapOptions = {
  center: fenway,
  zoom: 14,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(
    document.getElementById("map_canvas"), mapOptions);
var panoramaOptions = {
  position: fenway,
  pov: {
    heading: 34,
    pitch: 10,
    zoom: 1
  }
};
var panorama = new  google.maps.StreetViewPanorama(document.getElementById("pano"),panoramaOptions);
map.setStreetView(panorama);
}
</script>
</head>
<body onload="initialize()">
 <div id="map_canvas" style="width: 400px; height: 300px"></div>
 <div id="pano" style="position:absolute; left:410px; top: 8px; width: 400px; height: 300px;"></div>
</body>
</html>

google示例加载完美但我的代码没有。

我看到有一些人收到此错误，但列出的修复程序似乎都不适用于我。复制脚本时我刚刚犯了一个基本错误吗？

Answer 1

路径中缺少协议。

//maps.googleapis.com/maps/api/js?sensor=false

应该是

http://maps.googleapis.com/maps/api/js?sensor=false

（在许多例子中都缺少）

Google Maps API v3街景“Google未定义”

1 个答案: