Question

我试图在我的网站上放置谷歌地图，但它不起作用。这是我的代码。任何人都可以告诉我我做错了什么。感谢

<head>
<title>Environment Impact</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script>src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY=TRUE"></script>


 <script type="text/javascript">
  function initialize() {
          var california = new google.maps.LatLng(-122.23354, 37.48787);
          var myOptions = {
            center: california,
            zoom: 8,
            mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          var map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
        }
</script>
 </head>
 <body onload="initialize()">
    <div id="map-canvas" style="width:800px; height:600px; border:1px solid #000;"></div>
 </body>

Answer 1

您的脚本行应

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

同样california不是有效的中心，你需要一个类似于：

的latLng

center: new google.maps.LatLng(37.19533058280067, -120.234375),

Answer 2

错误

<script>src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY=TRUE"></script>

右

<script src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY&sensor=true"></script>

Answer 3

您的格式错误，可能还有错误的参数：

<script>src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY=TRUE"></script>

应该是这样的：

<script src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY&sensor=TRUE"></script>

确保将MY_API_KEY替换为您的Google Map API密钥，或者只是在您不需要时忽略此参数。不确定您希望sensor发送到TRUE，我猜对了，因为您有一个孤儿=TRUE参数

Answer 4

<script>src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY=TRUE"></script>

这根本不对

<script src="http://maps.googleapis.com/maps/api/js?key=MY_API_KEY&sensor=false"></script>

如果那是问题，

会更接近

Answer 5

是脚本标签需要

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

并设置sensor = false

Answer 6

顺便说一下，根据应用，必须将Url中的参数sensor设置为true或false。如果应用程序使用像gps发射器这样的传感器来查找用户位置，则为true。更多信息here

仅当网站/应用程序尚未拥有Google oauth访问令牌时，才需要将密钥作为参数，并且不会导致用户验证而不是oauth令牌。

谷歌地图没有显示

6 个答案: