使用Ajax获取Google Map,内容缺失

时间:2014-04-09 20:36:56

标签: jquery wordpress google-maps

我保证我已经尝试寻找其他答案,但是我找不到任何有帮助的东西。可能是因为我无法将我的发现与我所拥有的相关联。

我有一个Wordpress网站,我正在尝试根据下拉列表选择显示特定的地图。我有大约100个由WP插件生成的地图。

我不能一次加载所有这些,因为显然页面永远不会加载,我可能会崩溃一些浏览器,它太沉重了。

我尝试在另一个WP页面上加载它们并通过Ajax调用它们,但是内部的一些代码丢失了。 JavaScript存在于所有内容中,但不是第一个DIV之后的HTML。

不确定这是一个跨域问题还是什么,但我很难过。我打算默认加载的地图加载得很好,所以我假设已经调用了所有必需的库,那么我可能会非常错误。

对正确方向的任何帮助或推动都非常感激。如果你住在BK,我会喝啤酒

谢谢!

$.ajax({
    url:'/?page_id=94',
    type:'GET',
    success: function(data){
        $('#test .1-1').html($(data).find('.1-1').html());
    }
});

<div class="map 1-1">
    <div id="cpm_XUf9m5" class="cpm-map" style="display:none; width:100%; height:450px; clear:both; overflow:hidden; margin:0px auto;">
        <!-- MISSING HTML -->
    </div>
    <script type="text/javascript">
        // All JavaScript that is normally loaded is there, not pasting it to keep it short
    </script>

    <noscript> codepeople-post-map require JavaScript </noscript>
    <script>
        // All JavaScript that is normally loaded is there, not pasting it to keep it short        
    </script>
</div>

0 个答案:

没有答案