Javascript 如何将'googlemap'直接加载到'div'到容器中？

我需要将地图加载到我的页面。我的URL是：

https://servicepoints.dhlecommerce.com/?lnglat=3.16327，101.69507&language=en

如果我粘贴上面的url，我将在浏览器中加载地图。 和我尝试将此地图加载到网页的方式相同。但是什么也装不下

将上述地图加载到我的网页的正确方法是什么

以下是我的尝试：

$(function(){

  var mapURL = "https://servicepoints.dhlecommerce.com/?lnglat=3.16327,101.69507&language=en";

  $("#map").load(mapURL);

});

试试这个

$(window).on('load', function(){          
    var mapURL = "https://servicepoints.dhlecommerce.com/?lnglat=3.16327,101.69507&language=en";          
    $("#map").html('<iframe src="'+mapURL+'" height="450" width="600"></iframe>');          
});

$（窗口）.on（'load'，function（）{
var mapURL=”https://servicepoints.dhlecommerce.com/?lnglat=3.16327，101.69507&language=en”；
$（“#map”）.html（“”）；
});

或

$（窗口）.on（'load'，function（）{
var mapURL=”https://servicepoints.dhlecommerce.com/?lnglat=3.16327，101.69507&language=en”；
$（“#map”）.html（'Loading map'）；
});

或

$（窗口）.on（'load'，function（）{
var mapURL=”https://servicepoints.dhlecommerce.com/?lnglat=3.16327，101.69507&language=en”；
$（“#map”）.html（“”）；
});

Url

不是直接加载到div上的。所以您可以像这样在div上附加

iframe

来加载map

$（函数（）{
var html=''；
$（“#map”）.append（html）；
});

您可以触发DIV load事件

标记指定一个内联帧

内联框架用于在当前HTML文档中嵌入另一个文档


$（函数（）{
$（'div[onload]'）。触发器（'onload'）；
});
函数displayMap（）{
var mapURL=”https://servicepoints.dhlecommerce.com/?lnglat=3.16327，101.69507&language=en”；
$（“#地图”）。附加（“”）；
}

我不能在没有Iframe的情况下加载。。？你能更新我的plunkr吗？
object
和
iframe
-？@user2024080，在这里检查iframe、object和embed之间的区别：
$(window).on('load', function(){          
    var mapURL = "https://servicepoints.dhlecommerce.com/?lnglat=3.16327,101.69507&language=en";          
    $("#map").html('<object data="'+mapURL+'" width="600" height="450" type="text/html">Loading Map</object>');          
});

$(window).on('load', function(){          
    var mapURL = "https://servicepoints.dhlecommerce.com/?lnglat=3.16327,101.69507&language=en";
    $("#map").html('<embed id="map" src="'+mapURL+'" width=600 height=450 />');          
});