javascript - 如何使用jquery在网页中显示google map

Question

我想在页面加载中显示谷歌地图，这就是为什么我使用 window.onload 函数。我将纬度和经度作为静态传递，并尝试在 id 为“map_canvas”的 div 中显示。但没有显示任何内容网页。我在哪里犯了错误。这是我的代码。我无法在我的网页中获取 Google map 。

Here is the java script.

<script type="text/javascript"
            src="http://maps.google.com/maps/api/js?sensor=true">
    </script>


    <script>

      


        window.onload = function WindowLoad(event) {
            var myLatlng = new google.maps.LatLng(-34.397, 150.644);
            var myOptions = {
                zoom: 8,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        }

       
      
    </script>

    
this is my Html Code.
<div id="map_canvas"></div>>

Answer 1

将高度和宽度添加到map_canvas div，然后检查...

<div id="map_canvas" style="width:500px;height:380px;"></div>