html里嵌入js脚本,js调用google map api ,开始显示没有问题,后来就出现api key无效,怎么解决?代码如下<!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"
    src="https://maps.googleapis.com/maps/api/js?key={AIzaSyD6UghF04Vsm85qBSVc-I4N7eocylSVNrg}&sensor=false">
</script>
<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);
  }
  
</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

解决方案 »

  1.   

    试试这个google map api地址:
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
      

  2.   

    不行,那个去掉key就行了,就没有提示了,可以显示,网上说,v2版废弃,v3不需要key,但谷歌官网说所有地图API应用程序加载地图API使用API密钥。使用一个API密钥,使您可以监视你的应用程序的地图API的使用,并确保谷歌可以与您联系您的应用程序,如果必要的。 谷歌地图API的商业开发必须不 包括在他们的要求的一个关键。什么意思https://developers.google.com/maps/documentation/javascript/tutorial#Audience
      

  3.   

    我前年开发的地图楼盘用的就是api地址,现在也都用的,
    http://www.hunchun123.com/house/我又封装了一下google map api但引入的js就是我给你的
      

  4.   

    这个key 分测试环境和 正式环境的,看样子要重新注册了另外你用的api地址我没用过,我以前用的http://maps.google.com/maps/api/js?sensor=false&callback=initialize
      

  5.   

    http://www.hunchun123.com/js/wrapmapobj.js
      

  6.   

    key去掉{}就行了
    <script type="text/javascript"
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD6UghF04Vsm85qBSVc-I4N7eocylSVNrg&sensor=false">
    </script>