2012-07-12 62 views
0

我尝试了许多不同的例子使用jquery-ui-map jquery插件,但没有幸运。204没有内容jquery-ui-map,一个jQuery的谷歌地图v3插件

这是简单的代码

<!DOCTYPE HTML> 
<html> 

<head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript" src="js/jquery.ui.map.js"></script> 
    <script type="text/javascript" src="js/jquery.ui.map.services.js"></script> 
    <script type="text/javascript" charset="utf-8" src="jquery-1.7.1.min.js"></script> 
    <script> 
     function init() { 
      $('#map_canvas').gmap({ 'center': '42.345573,-71.098326' }); 
     }; 
    </script> 
</head> 

<body onload="init();"> 
    <div id="map_canvas" style="width:100%; height:100%"></div> 
</body> 

</html> 

它的推出很好,在萤火控制台的脚本,每次显示我:

网址:GET“https://maps.googleapis.com/maps ?/ gen_204 EV = api_ads & CAD =源:apiv3,广告:0" 状态:204无内容

我的第一印象是我不使用的API KEY,但在谷歌文档说,“不强制使用KEY“。

有什么想法?

在此先感谢。

回答

0

这是一个工作示例。您应该只改变路径的jQuery和jQuery UI的地图:

<!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?sensor=false"></script> 
     <script type="text/javascript" src="js/jquery/jquery.min.js"></script> 
     <script type="text/javascript" src="js/jquery/jquery.ui.map.full.min.js"></script> 
     <script> 
      function init() { 
       $('#map_canvas').gmap({ 'center': '42.345573,-71.098326' }); 
      }; 
     </script> 
    </head> 

    <body onload="init();"> 
     <div id="map_canvas" style="width:100%;height:350px;"></div> 
    </body>  
</html> 

你的错误似乎是以下几点:

  1. 您必须包括jQuery的前UI,地图插件
  2. map_canvas“ s风格的高度应该在px。
  3. 你应该得到的API通过http而不是https