使用此代碼無需下載插件
<style type="text/css">
#allmap {height:500px;width:800px;overflow: hidden; "}
#result {width:100%;font-size:12px;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=SECRET"></script>//此鏈接的ak后接的SECRET是百度地圖密鑰，必須有密鑰才能使用百度地圖，此密鑰在官網類網站可通用，此處的SECRET只是無關的單詞，使用時要改成自己的密鑰
<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" />
<div style="border-color: rgb(204, 204, 204); border-width: 1px; border-style: dashed; padding: 5px;">
<div id="allmap">
</div>
</div>
<script type="text/javascript">
// 百度地圖API功能
var map = new BMap.Map("allmap");
map.addControl(new BMap.NavigationControl()); // 添加平移縮放控件
map.addControl(new BMap.ScaleControl()); // 添加比例尺控件
map.addControl(new BMap.OverviewMapControl()); //添加縮略地圖控件
map.enableScrollWheelZoom();
var point = new BMap.Point(116.701615,23.395526);//目標位置坐標（可改）可通過百度地圖拾取器獲取
var marker = new BMap.Marker(point); // 創建標注
map.addOverlay(marker); // 將標注添加到地圖中
map.centerAndZoom(point, 15);
var opts = {
width : 280, // 信息窗口寬度
height: 80, // 信息窗口高度
title : "公司" , // 信息窗口標題（可改）
enableMessage:false,//設置允許信息窗發送短息（為true時顯示，為false時不顯示）
message:"公司地址"
}
var infoWindow = new BMap.InfoWindow("電話：11122233344<br>地址：廣東省汕頭市金平區護堤路111號", opts); // 創建彈出信息窗口對象（電話地址可改）
marker.addEventListener("click", function(){
map.openInfoWindow(infoWindow,point); //開啟信息窗口
});
</script>
最終效果如下：
