免费发布

重庆汇联自动门工程百度地图

更新时间：2012-06-17 00:34:15 信息编号：40004
重庆汇联自动门工程百度地图
供应商：
重庆汇联自动门销售中心 商铺
企业认证
所在地
重庆市北部新区金开大道西段24号附4号（恒大华府）
联系电话
023-67826446
联系人
刘钊
手机号
18623318116
访问统计
689次
让卖家联系我

详细

 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  5. <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" /> 
  6. <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" /> 
  7. <title>百度地图API自定义地图</title> 
  8. <!--引用百度地图API--> 
  9. <style type="text/css"> 
  10.     html,body{margin:0;padding:0;}  
  11.     .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}  
  12.     .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}  
  13. </style> 
  14. <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> 
  15. </head> 
  16.  
  17. <body> 
  18.   <!--百度地图容器--> 
  19.   <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div> 
  20. </body> 
  21. <script type="text/javascript"> 
  22.     //创建和初始化地图函数：  
  23.     function initMap(){  
  24.         createMap();//创建地图  
  25.         setMapEvent();//设置地图事件  
  26.         addMapControl();//向地图添加控件  
  27.         addMarker();//向地图中添加marker  
  28.     }  
  29.       
  30.     //创建地图函数：  
  31.     function createMap(){  
  32.         var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图  
  33.         var point = new BMap.Point(106.626767,29.712845);//定义一个中心点坐标  
  34.         map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中  
  35.         window.map = map;//将map变量存储在全局  
  36.     }  
  37.       
  38.     //地图事件设置函数：  
  39.     function setMapEvent(){  
  40.         map.enableDragging();//启用地图拖拽事件，默认启用(可不写)  
  41.         map.enableScrollWheelZoom();//启用地图滚轮放大缩小  
  42.         map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)  
  43.         map.enableKeyboard();//启用键盘上下左右键移动地图  
  44.     }  
  45.       
  46.     //地图控件添加函数：  
  47.     function addMapControl(){  
  48.         //向地图中添加缩放控件  
  49.     var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});  
  50.     map.addControl(ctrl_nav);  
  51.         //向地图中添加缩略图控件  
  52.     var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});  
  53.     map.addControl(ctrl_ove);  
  54.         //向地图中添加比例尺控件  
  55.     var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});  
  56.     map.addControl(ctrl_sca);  
  57.     }  
  58.       
  59.     //标注点数组  
  60.     var markerArr = [{title:"重庆汇联自动门工程",content:"主要销售：感应门、车库门、工业（提升门、快速门）等…<br/>热线：15215020393",point:"106.626304|29.712264",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}  
  61.          ];  
  62.     //创建marker  
  63.     function addMarker(){  
  64.         for(var i=0;i<markerArr.length;i++){  
  65.             var json = markerArr[i];  
  66.             var p0 = json.point.split("|")[0];  
  67.             var p1 = json.point.split("|")[1];  
  68.             var point = new BMap.Point(p0,p1);  
  69.             var iconImg = createIcon(json.icon);  
  70.             var marker = new BMap.Marker(point,{icon:iconImg});  
  71.             var iw = createInfoWindow(i);  
  72.             var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});  
  73.             marker.setLabel(label);  
  74.             map.addOverlay(marker);  
  75.             label.setStyle({  
  76.                         borderColor:"#808080",  
  77.                         color:"#333",  
  78.                         cursor:"pointer"  
  79.             });  
  80.               
  81.             (function(){  
  82.                 var iindex = i;  
  83.                 var _iw = createInfoWindow(i);  
  84.                 var _marker = marker;  
  85.                 _marker.addEventListener("click",function(){  
  86.                     this.openInfoWindow(_iw);  
  87.                 });  
  88.                 _iw.addEventListener("open",function(){  
  89.                     _marker.getLabel().hide();  
  90.                 })  
  91.                 _iw.addEventListener("close",function(){  
  92.                     _marker.getLabel().show();  
  93.                 })  
  94.                 label.addEventListener("click",function(){  
  95.                     _marker.openInfoWindow(_iw);  
  96.                 })  
  97.                 if(!!json.isOpen){  
  98.                     label.hide();  
  99.                     _marker.openInfoWindow(_iw);  
  100.                 }  
  101.             })()  
  102.         }  
  103.     }  
  104.     //创建InfoWindow  
  105.     function createInfoWindow(i){  
  106.         var json = markerArr[i];  
  107.         var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");  
  108.         return iw;  
  109.     }  
  110.     //创建一个Icon  
  111.     function createIcon(json){  
  112.         var icon = new BMap.Icon("http://dev.baidu.com/wiki/static/map/API/img/ico-marker.gif", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})  
  113.         return icon;  
  114.     }  
  115.       
  116.     initMap();//创建和初始化地图  
  117. </script> 
  118. </html> 

 


关于重庆汇联自动门销售中心商铺首页 | 更多产品 | 更多新闻 | 联系方式 | 黄页介绍
主要经营：重庆自动门，汇联感应门，渝北车库门，厂房提升门，滑升门，快速门，旋转门

重庆汇仓商贸有限公司-汇联自动门是重庆本地生产自动门最为专业的公司之一。其领域内集生产、安装和服务与一体，其高质量的产品通过ce及eec认证测试标准。产品以其较高的安全性能和可靠性能排列市场销量前列。

主营产品涉及：自动感应门、自动旋转门、智能车库及庭院门、外遮阳合金卷帘、工业门及相关智能化控制系统产品。代理品牌：dr.ferd、b&n、l ...

内容声明：顺企网为第三方交易平台及互联网信息服务提供者，顺企网所展示的信息内容系由重庆汇联自动门销售中心经营者发布，其真实性、准确性和合法性均由店铺经营者负责。顺企网提醒您购买前注意谨慎核实，如您对信息有任何疑问的，请在购买前通过电话与商家沟通确认顺企网存在海量企业商铺和供求信息，如您发现店铺内有任何违法/侵权信息，请立即向顺企网举报并提供有效线索。
我们的其他新闻
我们的产品
您可能喜欢
顺企网 | 公司 | 黄页 | 产品 | 采购 | 资讯 | 免费注册 轻松建站
免责声明：本站信息由企业注册和来自工商局网站， 本站完全免费，交易请核实资质，谨防诈骗，如有侵权请联系我们   法律声明  联系顺企网
ICP备案： 粤B2-20160116 / 粤ICP备12079258号 / 互联网药品信息服务资格证：(粤)-经营性-2016-0009 / 粤公网安备 44030702000007号
© 11467.com 顺企网版权所有 发布批发采购信息、查询企业黄页，上顺企网