如何在企业网站添加调用百度地图标记

在企业网站上使用地图可以帮助客户更好的找到我们，这是一个非常方便的功能，小编在给公司做网站时，就遇到了这个问题，下面把代码分享给大家。

1、需要调用的js：

<script

type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>

这是调用百度地图需要的js代码，使用的仍然是1.4的版本

2、页面中的代码：

<!-- 
mail -->
   
 <div class="mail mail-map">
   
     <div class="container">
   
         <div class="mail_grids">
   
                 <div id="allmap">
   
                     <script>
   
                         var map = new BMap.Map("allmap");            // 
创建Map实例
   
                         var point = new BMap.Point(113.91228, 35.239491); // 
创建点坐标
   
                         map.centerAndZoom(point,15);                 // 
初始化地图,设置中心点坐标和地图级别。
   
                         map.enableScrollWheelZoom();                 
//启用滚轮放大缩小
   
                         map.addControl(new BMap.NavigationControl());
   
                         map.addControl(new BMap.ScaleControl());
   
                         map.addControl(new 
BMap.OverviewMapControl());
   
                         var marker = new BMap.Marker(point);
   
                         map.addOverlay(marker);
   
                         var infoWinOpts = {}
   
                         var infoWin = new BMap.InfoWindow(
   
                             "<div 
style='text-align:left;color:#1A6DAF;'><p>公司名称</p><p>联系方式</p><p>地址</p></div>",infoWinOpts);
   
                         marker.openInfoWindow(infoWin);
   
                         marker.addEventListener("click", 
function(){this.openInfoWindow(infoWin);});
   
                     </script>
   
                 </div>
   
         </div>
   
     </div>
   
 </div>
<!-- 
//mail -->

在上面的代码中，重要的是<div

id="allmap">部分，大家可以把这部分放到自身网站合适的位置。&ldquo;var point&rdquo;是定义点坐标，大家可以使用百度的坐标拾取系统，找到自己公司的坐标。并将代码中的公司名称等信息修改为自己的。