<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map('map');// 创建地图实例
var poi = new BMap.Point(116.307852,40.057031);// 创建点坐标
map.centerAndZoom(poi, 16);// 初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom();//启用滚轮放大缩小,默认禁用
map.addControl(new BMap.NavigationControl()); //地图平移缩放控件
map.addControl(new BMap.ScaleControl()); //缩放比列单位
//窗口信息
var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
'<img src="__INDEX__/img/logo.png" alt="" style="float:right;zoom:1;overflow:hidden;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
searchInfoWindow.open(marker);//显示marker
marker.setAnimation(BMAP_ANIMATION_BOUNCE);//标记跳动的动画
</script>
引入百度js
<script src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"type="text/javascript"></script>//必须引入的
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>//需要弹出信息窗口时引入
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />//需要弹出信息窗口时引入
