繁体   English   中英

Google Maps Javascript API v3疑难解答

[英]Google Maps Javascript API v3 Troubleshooting

所以我的代码似乎不起作用。 它没有说无效密钥或任何东西。 它只是空白。 您能否看一下我的代码以查找问题所在? 谢谢。

    <!DOCTYPE HTML>
<html>
    <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?key=MYKEYDOESNTDISPLAYERRORS&sensor=false"></script>

    <script src="js/jquery.min.js"></script>
    <script type="text/javascript">
        function initialize() {
            var latlng = new google.maps.LatLng(57.0442, 9.9116);
            var settings = {
                zoom: 15,
                center: latlng,
                mapTypeControl: true,
                mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
                navigationControl: true,
                navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
                mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"), settings);

    </script>
</head>
<body onload="initialize()">
    <div id="map_canvas" style="width: 800px; height: 600px; margin: auto;">
    </div>
</body>

settings变量没有右括号。 settings变量也与用于实例化地图的全局调用不在同一范围内-即使存在,映射变量实例化也将在调用initialize()之前进行。 尝试这个:

<script type="text/javascript">
    var map;
    function initialize() {
        var latlng = new google.maps.LatLng(57.0442, 9.9116);
        var settings = {
            zoom: 15,
            center: latlng,
            mapTypeControl: true,
            mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
            navigationControl: true,
            navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), settings);
    };

</script>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM