Maps APIを使い始めたばかりで、次の例をコピーしようとしていました。Google Maps API v3ストリートビュー "google is not defined"
https://code.google.com/apis/maps/documentation/javascript/examples/streetview-simple.html
私は、スクリプトの中で次のエラーを取得するソースをコピーします。
googleが定義されていません 行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の例は完全に読み込まれますが、私のコードでは読み込まれません。
このエラーが発生する人は少数ですが、リストされている修正プログラムのどれも私には当てはまりません。スクリプトのコピー中に基本エラーが発生しましたか?
あなたcopyiedコードが完全に正常に動作する必要があります。このエラーの原因となっているブラウザのキャッシュにある古いバージョンのファイルではないことを確認してください。 「googleが定義されていません」というエラーは、その機能を使用するときにgooglemapのJavaScriptが正しく読み込まれなかった場合に最も一般的です。 – Seybsen