百度地图默认显示周边，以下代码只有点击marker才显示，如果不点击就显示

最新推荐文章于 2023-11-22 11:52:22 发布

dingbin221

最新推荐文章于 2023-11-22 11:52:22 发布

阅读量184

点赞数

文章标签： html css 前端

本文链接：https://blog.csdn.net/dingbin221/article/details/129763030

版权

<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
   <style type="text/css">
   body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
   #allmap {height: 500px;width:100%;overflow: hidden;}
   #result {width:100%;font-size:12px;}
   dl,dt,dd,ul,li{
       margin:0;
       padding:0;
       list-style:none;
   }
   dt{
       font-size:14px;
       font-family:"微软雅黑";
       font-weight:bold;
       border-bottom:1px dotted #000;
       padding:5px 0 5px 5px;
       margin:5px 0;
   }
   dd{
       padding:5px 0 0 5px;
   }
   li{
       line-height:28px;
   }
   </style>
   <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
   <script type="text/javascript" src="//api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
   <link rel="stylesheet" href="//api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
   <title>带检索功能的信息窗口</title>
</head>
<body>
   <div id="allmap">
   </div>

var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
'<img src="../img/baidu.jpg" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>' +
'地址：北京市海淀区上地十街10号<br/>电话：(010)59928888<br/>简介：百度大厦位于北京市海淀区西二旗地铁站附近，为百度公司综合研发及办公总部。' +
'</div>';

//创建检索信息窗口对象
var searchInfoWindow = null;
   searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
           title : "百度大厦", //标题
           width : 290, //宽度
           height : 105, //高度
           panel : "panel", //检索结果面板
           enableAutoPan : true, //自动平移
           searchTypes :[
               BMAPLIB_TAB_SEARCH, //周边检索
               BMAPLIB_TAB_TO_HERE, //到这里去
               BMAPLIB_TAB_FROM_HERE //从这里出发
           ]
       });
var marker = new BMap.Marker(poi); //创建marker对象
marker.enableDragging(); //marker可拖拽
marker.addEventListener("click", function(e){
   searchInfoWindow.open(marker);
})
map.addOverlay(marker); //在地图中添加marker