1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
5 <style type="text/css">
6 body, html {width: 100%;height:100%;margin:0;font-family:"微软雅黑";}
7 #allmap{width:845px;height:400px;}
8 p{margin-left:5px; font-size:14px;}
9 .BMap_bubble_content{
10 color:red;
11 }
12 </style>
13 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您申请的百度的ak"></script>
14 <title>根据关键字本地搜索</title>
15 </head>
16 <body>
17 <div id="allmap"></div>
18 </body>
19 </html>
20 <script type="text/javascript">
21 // 百度地图API功能
22 var map = new BMap.Map("allmap"); //初始化地图
23 map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
24 var local = new BMap.LocalSearch(map, {
25 onSearchComplete:myFun
26 });
27 map.enableScrollWheelZoom(); //启用滚轮放大缩小，默认禁用
28 map.enableContinuousZoom(); //启用地图惯性拖拽，默认禁用
29 local.search("您要搜索的地址");//这里是企业输入的地址
30
31 function myFun() {
32 var pp = local.getResults().getPoi(0).point; //获取第一个智能搜索的结果
33 map.centerAndZoom(pp,15); //设置地图显示中间点、地图显示级别
34 console.log(pp.lat,pp.lng)
35 var point = new BMap.Point(pp.lng,pp.lat);
36 var marker = new BMap.Marker(point);
37 map.addOverlay(marker); // 将标注添加到地图中
38 map.centerAndZoom(point, 15);
39 var opts = {
40 width : 200, // 信息窗口宽度
41 height: 80, // 信息窗口高度
42 title : "xxxx公司" , // 信息窗口标题
43 enableMessage:true,//设置允许信息窗发送短息
44 message:""
45 }
46 var infoWindow = new BMap.InfoWindow("地址：XXXXXXX", opts); // 创建信息窗口对象
47
48 //点击按钮弹出信息窗口
49 marker.addEventListener("click", function(){
50 map.openInfoWindow(infoWindow,point); //开启信息窗口
51 });
52 }
53 </script>
