javascript – 如何将`google map`直接加载到`div`到容器？

我需要将地图加载到我的页面.我有以下URL：

https://servicepoints.dhlecommerce.com/?lnglat=3.16327,101.69507\u0026amp;language=en

如果我粘贴上面的url,我将在浏览器中加载地图.
我正在尝试将此地图加载到我的网页中.但是什么都没有..

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

这是我的尝试：

$(function(){

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

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

});

Live Demo

解决方法

Url不会直接加载div.因此,您可以在div上添加iframe以加载地图.

$(function() {
  var html = '<iframe src="https://servicepoints.dhlecommerce.com/?lnglat=3.16327,101.69507&language=en"></iframe>';
  $("#map").append(html);
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='map'><map>
<div id='map1'><map>

或者如果您不想使用iframe,您可以使用embed标签.

var html='<embed src="https://servicepoints.dhlecommerce.com/?lnglat=3.16327,101.69507&language=en" width=200 height=200 />';
 $("#map").append(html);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='map'></div>