Question

我是地图脚本的新手，所以我的问题可能是愚蠢的，但我很乐意，如果你能回答这个问题。以下是我从谷歌地图教程中获取的代码。运行示例时，它工作正常。但是当我在我的代码中使用它时，没有地图可见。这是代码：

<!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>

Answer 1

<body onload="invokeMap()" >

确保记得调用初始化函数。

Answer 2

这里是您编写的相同代码，您只需要提供适当的标签。你的<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>

在我的mashup中看不到Google地图

2 个答案: