首页怎样在iframe中插入一个百度地图，给我写一个代码出来

怎样在iframe中插入一个百度地图，给我写一个代码出来

时间: 2024-12-20 21:20:11 浏览: 18

要在网页上通过`<iframe>`嵌入百度地图，首先你需要获取一个百度地图API的key，然后可以使用下面的HTML和JavaScript代码示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>百度地图iframe示例</title>  <script src="https://api.map.baidu.com/api?v=4.4&ak=YOUR_BAIDU_MAP_API_KEY"></script>  <style> #map { width: 100%; height: 500px; } </style> </head> <body> <div id="map"></div> <script> // 初始化地图 function initMap() { var map = new BMap.Map("map"); // 创建地图实例 map.centerAndZoom(new BMap.Point(116.39, 39.9), 15); // 设置中心点坐标和缩放级别 // 创建标记 var marker = new BMap.Marker(new BMap.Point(116.39, 39.9)); map.addOverlay(marker); // 监听鼠标点击事件 marker.addEventListener('click', function() { alert("您已点击了地图！"); }); } // 加载完成后自动初始化地图 window.onload = initMap; </script> </body> </html> ``` 在这个例子中，将`YOUR_BAIDU_MAP_API_KEY`替换为你从百度开发者平台获取的实际地图API key。请注意，为了安全原因，代码片段中并没有展示真实的API密钥。

阅读全文