js加载html到div地图无法显示

本文介绍了一种解决在使用JS异步请求加载包含百度地图的HTML文件时,地图无法正常显示的问题。通过修改加载方式,使用document.getElementById方法结合innerHTML属性,成功使地图渲染并显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求:需要加载另一HTML文件到本HTML中,另一HTML中包含有百度地图,在使用js的异步请求方式加载后,地图显示不出来。原代码如下

$.ajax( {
        url:  contextpath + '/index.html?module=Home&action=index2', //这里是静态页的地址
        type: "GET", //静态页用get方法,否则服务器会抛出405错误
        success: function(data){
           // var result = $(data).find('.web');
            $('#web-gis3').html(data);
            //alert(data);
          // $('.web-gis').load(url);
        }
});

 地图空白,可能是地图渲染不支持用异步请求吧,之后将上述代码更换成如下

document.getElementById("web-gis3").innerHTML = '<object type="text/html" data="你的URL" width="100%" height="600px"></object>';

问题解决

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值