0

したがって、私のコードは機能していないようです。無効なキーなどとは言いません。それはちょうど空白です。私のコードを見て問題を見つけていただけますか? ありがとうございました。

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

4

1 に答える 1

0

設定変数には閉じ括弧がありません。また、設定変数は、マップをインスタンス化するためのグローバル呼び出しと同じスコープではありません。たとえそうであったとしても、マップ変数のインスタンス化は、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>
于 2012-07-20T17:04:54.263 に答える