jquery geolocate在https表单上

时间:2016-09-16 12:55:36

标签: jquery forms https geolocation

我有以下问题。

我在formassembly上有一个表单,现在我想与jquery集成选项,以正确的格式获取地址。

首先,我将文件夹保存到我的主页。

我向谷歌请求了一个API。

然后我在表单中设置html代码如下:

 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery-1.8.3.min.js"></script>
  <script src="//****.net/jquery/jquery.geocomplete.min.js"></script>
    <script>
        $(function() {
            $("#tfa_17").geocomplete({
                details: ".geo-details",
                detailsAttribute: "data-geo"
            });

        });
    </script>
    <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key=AIzaSyDiWK_iGIPDeSfCHJUb6gYNTg4HnByKZEM&amp;libraries=places&amp;callback=initGoogleMaps"></script>

现在,我收到以下错误:

enter image description here

很抱歉,如果这可能很简单,但这是我的第一次。

提前感谢您提供任何帮助

1 个答案:

答案 0 :(得分:0)

试试这可能会对你有帮助,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDiWK_iGIPDeSfCHJUb6gYNTg4HnByKZEM&callback=initMap"></script>

<script>
        $(function() {
            $("#tfa_17").geocomplete({
                details: ".geo-details",
                detailsAttribute: "data-geo"
            });

        });

  function initMap() {}
</script>

callback参数接受回调函数名称,其中函数本身应具有以下签名:

function initMap() {}

并且您必须使用活动API。