16

我想使用地理定位和方向功能，但是有google is not defined错误。代码如下：

function loadScript() {
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = "https://maps.googleapis.com/maps/api/js?key=mykey&sensor=true" + "&callback=initialize";
            document.body.appendChild(script);
        }

看来 loadScript 不起作用！

var mapOptions = {
                zoom : 13,
                mapTypeId : google.maps.MapTypeId.ROADMAP
            };
            map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

错误从这里跳出来。有谁知道如何弄清楚吗？我需要使用密钥来获取地理定位服务，所以我不能使用简单的

<script src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
4

3 回答 3

11

如果你们在控制台中遇到错误，那么这是我应用的简单解决方案。

包括给定顺序的脚本文件..

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

您必须首先包含“maps.googleapis.com/maps/api/js?sensor=false”，然后使用 jquery 库并将其从两者下方删除（它会起作用。）我希望它肯定会起作用。

于 2013-03-12T05:16:30.443 回答
11

我用这段代码自己尝试过——对我来说效果很好

动态带键

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        html {  height: 100%; }
        body
        {
            height: 100%;
            margin: 0px;
            padding: 0px;
        }
        #map_canvas { height: 100%;}
    </style>
    <script type="text/javascript">
        function initialize() {
            var latlng = new google.maps.LatLng(-34.397, 150.644);
            var myOptions = {
                zoom: 8,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
        }
        var myKey = "ENTER_YOUR_KEY_HERE";
        function loadScript() {
            var script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = "https://maps.googleapis.com/maps/api/js?key=" + myKey + "&sensor=false&callback=initialize";
            document.body.appendChild(script);
        }
    </script>
</head>
<body onload="loadScript()">
    <div id="map_canvas" style="width: 100%; height: 100%">
    </div>
</body>
</html>

静态无键

  ...
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false">
</script>
</head>
<body onload="initialize()">
   ...

在网上冲浪时，我偶然发现了一个重要的注意事项！

谷歌地图 JavaScript API v3

Google Maps JavaScript API v3 不需要 API 密钥即可正常运行。但是，我们强烈建议您使用 API 控制台密钥加载 Maps API，该密钥允许您监控应用程序的 Maps API 使用情况。了解如何使用 API 控制台密钥。

请参阅Google 地图 API

因此，显然您不再需要开发人员密钥！我尝试了两者 -静态无键和动态键-都有效。

于 2012-09-20T07:25:43.353 回答
0

Google 未定义意味着您的 google 地图库未加载，这意味着您在 https 或 http 上，并且您通过 http ot https 请求，因此将其更改为 https 或 http .... 表示如果您在 http 上

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

意思是如果你在 https 那么

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
于 2015-06-30T08:16:07.160 回答