【问题标题】:How to Use the Correct Google Map Code in Jquery Tabs?如何在 Jquery 选项卡中使用正确的 Google 地图代码?
【发布时间】:2013-06-22 19:37:28
【问题描述】:

谁能帮我在 jQuery 选项卡中正确集成 Google 地图。

我需要整合 2 张地图。

一张地图检索地图,另一张地图检索路线规划器。

我的代码有问题,我在 Firebug 中收到此错误:

TypeError: a is null
[Break On This Error]   

... new S((this.H+this.J)/2,(this.G+this.L)/2)};var zh=yh(-ca,-ca,ca,ca),Ah=yh(0,0,...

【问题讨论】:

    标签: jquery google-maps-api-3 maps


    【解决方案1】:

    您在脚本标记中加载http://maps.google.com/maps/api/js,然后在 onload 处理程序中再次延迟加载它,导致原始代码被覆盖并否定在initialize()initialize2() 之前执行的一些代码。

    【讨论】:

    • 我怎样才能整合这个代码正确?以及如何集成以在同一页面上显示 2 个地图...这就是问题...并且没有错误.. 感谢您的回复
    • 是的,我知道。首先摆脱双重负载,然后追踪其他错误。您无需加载 Google 脚本两次即可获得两张地图。
    • 是的,但我不知道如何在 jquery 选项卡中加载 2 个地图..如果我删除一个 script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize"; 它只显示一个地图
    • 我删除了 2 行 `script.type = "text/javascript"; script.src = "maps.google.com/maps/api/…";`
    • 如果您正在使用 WordPress,您可能应该使用 wp_enqueue_script('gmap?sensor=false&callback=initialize', 'http://maps.google.com/maps/api/js') 并防止在线加载脚本。更多这里codex.wordpress.org/Function_Reference/wp_enqueue_script
    【解决方案2】:

    由于地图使用了相同的变量名,您可能会收到此错误:

    var map = ...
    

    尝试使用 2 个不同的变量:

    var map, map2;
    
    map = new google.maps.Map(document.getElementById("map_go"), myOptions);
    map2 = new google.maps.Map(document.getElementById("map_go_full"), myOptions);
    

    【讨论】:

    • 它有效,但我收到一个错误 - 警告:您已在此页面上多次包含 Google Maps API。这可能会导致意外错误。
    • @MioBocereg 您是否多次包含 API?确保您的页面中没有多个此代码实例:maps.google.com/maps/api/js
    猜你喜欢
    • 2014-02-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多