【问题标题】:Google Maps API stuck on loading producing errorsGoogle Maps API 卡在加载时产生错误
【发布时间】:2016-12-20 14:01:18
【问题描述】:

我的网站上有很多地图,而且直到最近我在我的网站上添加了 SSL 证书后,该网站才开始出现错误,并且地图已停止加载句号。

网站上的一张地图完美运行,这让我相信这与 API 无关,实际上与代码有关。

function gd_initialize_ac() {
      // Create the autocomplete object, restricting the search
      // to geographical location types.
                        autocomplete = new google.maps.places.Autocomplete(
                            /** @type {HTMLInputElement} */(document.getElementById('detail_page_map_canvas_fromAddress')),
                            {types: ['geocode']});
                        // When the user selects an address from the dropdown,
                        // populate the address fields in the form.
                        google.maps.event.addListener(autocomplete, 'place_changed', function () {
                            gd_fillInAddress_ac();
                        });
                    }

                    function gd_fillInAddress_ac() {
                        //submit the form
                        jQuery('#directions').trigger('click');
                    }

这是在 Google Chrome 上进行检查时产生的错误。

然后这是链接到正在产生的错误的代码。请记住,这个网站现在有一个https,我不知道这是否相关但是..

到目前为止我所做的尝试:

  • 将所有 http:// 重命名为 https://(没有希望)
  • 在 javascript API 中的 api 末尾添加 &libaries。 (我在另一个答案中看到了这个)

这里是它获取 Google Maps API 密钥的地方。

function rgmk_find_add_key( $url, $original_url, $_context ) {
$key = get_option( 'rgmk_google_map_api_key' );

// If no key added no point in checking
if ( ! $key ) {
    return $url;
}

if ( strstr( $url, "maps.google.com/maps/api/js" ) !== false || strstr( $url, "maps.googleapis.com/maps/api/js" ) !== false ) {// it's a Google maps url

    if ( strstr( $url, "key=" ) === false ) {// it needs a key
        $url = add_query_arg( 'key',$key,$url);
        $url = str_replace( "&", "&", $url ); // or $url = $original_url
    }

}

return $url;  }

【问题讨论】:

  • 能否请您发布加载 Google API 的 script 标签。我怀疑你没有加载Autocomplete lib
  • 它是通过 Wordpress 插件完成的,您要我发布插件的脚本标签和所有内容吗?
  • 查看网页源码,找到脚本。然后,在这里发布。您也可以发布插件 php 源代码。
  • 刚刚添加到问题中
  • 知道如何做到这一点吗?从那以后,我尝试在页面底部的页脚中添加直接脚本,但仍然没有运气

标签: javascript jquery google-maps ssl


【解决方案1】:

原来这与 jQuery 过时有关。

如果其他人有这个问题,请尝试更新 jQuery,它应该可以正常工作!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-08-02
    • 1970-01-01
    • 2015-01-28
    • 1970-01-01
    • 1970-01-01
    • 2020-12-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多