在网站上如何制作百度地图－解决方案

解决方案

首页 -

解决方案

在网站上如何制作百度地图

    我们制作企业网站通常有一个非常重要的页面，那就是联系我们。企业做了宣传，做了推广展示了自己的产品，展示了自己的公司实力，那作为你的潜在客户，要与你联系最重要的就是在网站上能看到你的电话微信地址邮箱。
     那我们现在还有一个重要的项目就是在网站的联系我们，加上一个栏目就是百度地图，百度地图就是更明显的标注你公司的地理位置，和所在的地区。让客户一一目了然，就知道了从客户的当地到你们那儿，是坐车过去还是开车过去？还是动车？还是高铁还是飞机？就是就可以有一个明确的规划。
    那么作为制作人员，我们如何制作百度地图下面我们就用详细的介绍，告诉你如何制作百度地图。

    首先在百度上搜索、百度坐标拾取器，找到自己要定位的位置，记下东经和北纬的参数，再在下面的代码里面换上参数和标注名称，即可生成百度地图代码。

<DIV align=left><FONT size=2></FONT> </DIV>
<DIV align=center>
<SCRIPT type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=bazYv7vO52Xp3C3fipYWhrZtslc17IGl"></SCRIPT>

<DIV style="WIDTH: 100%; HEIGHT: 500px" id=map></DIV>
<SCRIPT type=text/javascript>
    //创建和初始化地图函数：
    function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){
      map = new BMap.Map("map");
      map.centerAndZoom(new BMap.Point(120.616289,31.248503),17);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
      target.addEventListener("click",function(){
        target.openInfoWindow(window);
      });
    }
    function addMapOverlay(){
      var markers = [
        {content:"我的备注",title:"苏州。。。。。。有限公司",imageOffset: {width:0,height:3},position:{lat:31.248503,lng:120.616298}},
      ];
      for(var index = 0; index < markers.length; index++ ){
        var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
        var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
          imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
        })});
        var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
        var opts = {
          width: 200,
          title: markers[index].title,
          enableMessage: false
        };
        var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
        marker.setLabel(label);
        addClickHandler(marker,infoWindow);
        map.addOverlay(marker);
      };
    }
    //向地图添加控件
    function addMapControl(){
      var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
      scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
      map.addControl(scaleControl);
      var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
      map.addControl(navControl);
      var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
      map.addControl(overviewControl);
    }
    var map;
      initMap();
  </SCRIPT>
</DIV>

客户服务：13813743420
技术支持：0513-88932069
QQ客服：

QQ客服：