Question

每当我尝试加载谷歌地图的HTML代码时，我都无法显示任何内容，我收到以下错误：

ReferenceError：谷歌未定义

我可以创建一个谷歌地图的超链接，但这不是我想要的。我也继续使用自己的API密钥并将其放入我的代码中。为什么谷歌没有定义？这似乎太常见了一个没有解决方案的问题。

这是我的HTML：

<!DOCTYPE html>
<html>
<head>
    <title>My first Google Map</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        html {
            height: 100%;
        }

        body {
            height: 100%;
            margin: 0;
            padding: 0;
        }

        #map-canvas {
            height: 100%;
        }
    </style>
    <script type="text/javascript"
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDX71YSt1efYJH3MdIsH3SF3kyJNjN-Z78&amp;sensor=false">
    </script>
    <script type="text/javascript">
        function initialize() {
            var myLatLng = new google.maps.LatLng(54.124634, -3.237029)
            var mapOptions = {
                center: myLatLng,
                zoom: 17,
                mapTypeId: google.maps.MapTypeId.SATELLITE
            };

            var map = new google.maps.Map(document.getElementById("map-canvas"),
                mapOptions);

            var myMarker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                title: "A place on Earth",
                draggable: true,
            })
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>
<body>
    <div id="map-canvas" />
</body>
</html>

谷歌地图：ReferenceError：未定义谷歌

0 个答案: