Autocomplete Google将自动完成JQuery插件放置在不显示地图的位置

Autocomplete Google将自动完成JQuery插件放置在不显示地图的位置,autocomplete,squarespace,Autocomplete,Squarespace,我无法将地图显示在我的Squarespace站点上。自动完成正在工作,但地图没有显示 这是我的密码: <form> <input id="geocomplete" type="text" placeholder="Enter Your Address" size="90" /> <input id="find" type="button" value="Next" /> </form> <div class

我无法将地图显示在我的Squarespace站点上。自动完成正在工作,但地图没有显示

这是我的密码:

 <form>
      <input id="geocomplete" type="text" placeholder="Enter Your Address" size="90" />
      <input id="find" type="button" value="Next" />
    </form>

<div class="map_canvas" style="position: relative; overflow: hidden; transform: translateZ(0px); background-color: rgb(229, 227, 223);"></div>

    <pre id="logger">Log:</pre>
 <script src="http://maps.googleapis.com/maps/api/js?sensor=true&amp;libraries=places"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="/scripts/jquery.geocomplete.js"></script>
    <script src="/scripts/logger.js"></script>
        <script>
      $(function(){

        var options = {
          map: ".map_canvas"
        };

        $("#geocomplete").geocomplete(options)
          .bind("geocode:result", function(event, result){
            $.log("Result: " + result.formatted_address);
          })
          .bind("geocode:error", function(event, status){
            $.log("ERROR: " + status);
          })
          .bind("geocode:multiple", function(event, results){
            $.log("Multiple: " + results.length + " results found");
          });

        $("#find").click(function(){
          $("#geocomplete").trigger("geocode");
        });

        $("#examples a").click(function(){
          $("#geocomplete").val($(this).text()).trigger("geocode");
          return false;
        });

      });
    </script>

日志:
$(函数(){
变量选项={
地图:“.map\u画布”
};
$(“#geocomplete”).geocomplete(选项)
.bind(“地理代码:结果”,函数(事件,结果){
$.log(“结果:+Result.formatted\u地址);
})
.bind(“地理代码:错误”,函数(事件、状态){
$.log(“错误:+状态”);
})
.bind(“地理代码:多个”,函数(事件、结果){
$.log(“多个:“+results.length+”找到的结果”);
});
$(“#查找”)。单击(函数(){
$(“#地理完整”).trigger(“地理代码”);
});
$(“#示例a”)。单击(函数(){
$(“#geocomlete”).val($(this.text()).trigger(“地理代码”);
返回false;
});
});
下面是header.php中加载的脚本:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=true&amp;libraries=places"></script>