Question

我尝试使用jquery-ui-map jquery插件的许多不同的例子，但没有幸运。

这是简单的代码

<!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>

每次启动时脚本都很好，并且在firebug控制台中显示了这个：

网址：获取“https://maps.googleapis.com/maps/gen_204?ev=api_ads&cad=src:apiv3,ads:0” 状态：204无内容

我的第一印象是我没有使用API KEY，但在Google文档中说“不强制使用KEY”。

有什么想法吗？

提前致谢。

Answer 1

这是一个工作示例。您应该只将路径更改为jquery和jquery-ui-map：

<!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>

您的错误似乎如下：

您必须在ui-map-plugin之前包含jQuery
map_canvas的样式高度应为px。
您应该通过http代替https

204没有内容与jquery-ui-map，一个jquery google maps v3插件

1 个答案: