Question

我想在页面加载中显示谷歌地图，为什么我使用window.onload Function.I我将纬度和经度作为静态传递，并尝试在id =＆＃34; map_canvas＆＃34;的div中显示。但网页上没有显示任何内容。 M我犯了错误。这是我的代码。我无法在我的网页上获取谷歌地图。

＆＃13;

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>

＆＃13;

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

＆＃13;

Answer 1

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

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

Answer 2

您在查询参数中缺少Google API密钥。你的脚本标签应该是这样的：

SRC = “http://maps.googleapis.com/maps/api/js?key=AIzaSyBeEeKz4H-KQTFABe1UTs9h5KUlpqsZ10Q&sensor=false”

您可以注册免费的Google地图API密钥，每天提供大约10,000次免费点击，足以满足练习目的。

如何使用jquery在网页中显示谷歌地图

2 个答案: