Googleマップはマッシュアップでは表示されません

マップスクリプトでは全く新しいので、私の質問はばかげているかもしれませんが、これに答えることができれば大歓迎です。以下は私がGoogleマップのチュートリアルから取ったコードです。例を実行すると、正常に動作します。私のコードでそれを使用した場合、マップは表示されません。Googleマップはマッシュアップでは表示されません

<!DOCTYPE html"> 

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>PGet</title> 
<link rel="stylesheet" type="text/css" href="view.css" media="all"> 
<script type="text/javascript" src="view.js"></script> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript" > 

function invokeMap() 
{ 


     var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    //document.getElementById('form_container').innerHTML=""; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 


} 

</script> 

</head> 
<body id="main_body" onload = "invokeMap()" > 


<div id="map_canvas" style="width: 500px; height: 400px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"></div> 

<img id="bottom" src="bottom.png" alt=""> 
</body>

出典

2011-07-25 rwik

<body onload="invokeMap()" >

あなたは初期化関数を呼び出すことを覚えていることを確認してください：ここはコードです。

出典

2011-07-25 21:04:25

を参照してください。チュートリアルでは関数の名前は初期化と呼ばれ、ここではinvokemapと呼んでいます。それは違法ですか？ – rwik

いいえあなたが好きなものを呼び出すことはできません。ただ電話をかけてください。あなたはあなたがそれを呼び出したところにコードを投稿しなかったので、あなたはそうではないと思いました。 –

あなたが書いたのと同じコードはここにありますが、適切なタグが必要です。 <body onload="invokeMap()" >が正しいです。あなたのポイントを取得できませんでした。このコード

<html>  
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>PGet</title> 
<link rel="stylesheet" type="text/css" href="view.css" media="all"> 
<script type="text/javascript" src="view.js"></script> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript" > 

function invokeMap() 
{ 


     var latlng = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
     zoom: 8, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    //document.getElementById('form_container').innerHTML=""; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 


} 

</script> 

</head> 
<body id="main_body" onload = "invokeMap()" > 


<div id="map_canvas" style="width: 500px; height: 400px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;"></div> 

<img id="bottom" src="bottom.png" alt=""> 
</body> 
</html>

出典

2015-09-09 06:47:35

Googleマップはマッシュアップでは表示されません

答えて

関連する問題