网站使用百度地图标注公司位置代码

1、首先需要申请百度地图API，如果还没有地图API，请点此申请百度地图API。

2、调用代码:

{$MapKey} 替换为申请到的百度API值

{$MapCenterPoint} 替换为坐标值

1. <!--电子地图开始--->
   
2. <script src="http://api.map.baidu.com/api?v=2.0&ak={$MapKey}" type="text/javascript"></script>
   
3. <div style="width:700px;height:340px;border:1px solid gray" id="container"></div>
   
4. 
   
5. <script type="text/javascript">
   
6.         var map = new BMap.Map("container");          // 创建Map实例
   
7.         var point = new BMap.Point({$MapCenterPoint});  // 创建点坐标
   
8.         map.centerAndZoom(point,16);                  // 初始化地图，设置中心点坐标和地图级别。
   
9.         map.addControl(new BMap.NavigationControl());   
   
10.         map.addControl(new BMap.ScaleControl());   
    
11.         map.addControl(new BMap.OverviewMapControl());
    
12.         var sContent ="<h4 style='margin:0 0 5px 0;padding:0.2em 0'>地址：{$FL_Title}</h4>" +"<p style='margin:0;line-height:1.5;font-size:13px;'>电话：{$KS_tel} </p>"
    
13.         {$ShowMarkerList}
    
14.         window.setTimeout(function(){map.panTo(new BMap.Point({$MapCenterPoint}));}, 2000);
    
15.        
    
16.         function addMarker(point, index){   
    
17.           // 创建图标对象   
    
18.           var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {   
    
19.                 offset: new BMap.Size(10, 25),                  // 指定定位位置   
    
20.                 imageOffset: new BMap.Size(0, 0 - index * 25)   // 设置图片偏移   
    
21.           });   
    
22.           var marker = new BMap.Marker(point, {icon: myIcon});   
    
23.           map.addOverlay(marker);  
    
24.           
    
25.           if (index==0){
    
26.                 var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
    
27.                  marker.addEventListener("click", function(){                                                                               
    
28.                    this.openInfoWindow(infoWindow);        });
    
29.                 map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口
    
30.           }
    
31.         }  
    
32. </script>
    
33. <!--电子地图结束--->
    

复制代码