锘?!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 鐧懼害鍦板浘API鑷畾涔夊湴鍥?/title> <!--寮曠敤鐧懼害鍦板浘API--> <style type="text/css"> html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> </head> <body> <div style="position:fixed;left:-9000px;top:-9000px;"></div> <!--鐧懼害鍦板浘瀹瑰櫒--> <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div> <a href="http://www.djerd.tw/">恒指期货交易技巧有哪些</a> <a href="http://www.ewxrlt.icu">今天快三开奖江西</a> <a href="http://www.yfqrfs.icu">河北时时计算公式</a> <a href="http://www.kzbzgw.icu">时时彩一个号最多遗漏多少期</a> <a href="http://www.hfpszz.icu">四川快乐12开奖号码查询</a> <a href="http://www.mxafnb.icu">甘肃快三跨度走势图带跨度</a> <a href="http://www.nmugej.icu">天津快乐十分怎么看号</a> <a href="http://www.qvznay.icu">河北时时选号技巧</a> <a href="http://www.skoani.icu">江西快三计划精准网址</a> <a href="http://www.hzuymh.icu">双色球19052期</a> <a href="http://www.nnrdsv.icu">快速时时计算方法</a> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> <script type="text/javascript"> //鍒涘緩鍜屽垵濮嬪寲鍦板浘鍑芥暟錛? function initMap(){ createMap();//鍒涘緩鍦板浘 setMapEvent();//璁劇疆鍦板浘浜嬩歡 addMapControl();//鍚戝湴鍥炬坊鍔犳帶浠? addMarker();//鍚戝湴鍥句腑娣誨姞marker } //鍒涘緩鍦板浘鍑芥暟錛? function createMap(){ var map = new BMap.Map("dituContent");//鍦ㄧ櫨搴﹀湴鍥懼鍣ㄤ腑鍒涘緩涓涓湴鍥? var point = new BMap.Point(114.338266,36.087822);//瀹氫箟涓涓腑蹇冪偣鍧愭爣 map.centerAndZoom(point,15);//璁懼畾鍦板浘鐨勪腑蹇冪偣鍜屽潗鏍囧茍灝嗗湴鍥炬樉紺哄湪鍦板浘瀹瑰櫒涓? window.map = map;//灝唌ap鍙橀噺瀛樺偍鍦ㄥ叏灞 } //鍦板浘浜嬩歡璁劇疆鍑芥暟錛? function setMapEvent(){ map.enableDragging();//鍚敤鍦板浘鎷栨嫿浜嬩歡錛岄粯璁ゅ惎鐢?鍙笉鍐? map.enableScrollWheelZoom();//鍚敤鍦板浘婊氳疆鏀懼ぇ緙╁皬 map.enableDoubleClickZoom();//鍚敤榧犳爣鍙屽嚮鏀懼ぇ錛岄粯璁ゅ惎鐢?鍙笉鍐? map.enableKeyboard();//鍚敤閿洏涓婁笅宸﹀彸閿Щ鍔ㄥ湴鍥? } //鍦板浘鎺т歡娣誨姞鍑芥暟錛? function addMapControl(){ //鍚戝湴鍥句腑娣誨姞緙╂斁鎺т歡 var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); map.addControl(ctrl_nav); //鍚戝湴鍥句腑娣誨姞緙╃暐鍥炬帶浠? var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1}); map.addControl(ctrl_ove); //鍚戝湴鍥句腑娣誨姞姣斾緥灝烘帶浠? var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); map.addControl(ctrl_sca); } //鏍囨敞鐐規暟緇? var markerArr = [{title:"瀹夐槼鍗氬埄鍐滀笟縐戞妧鏈夐檺鍏徃",content:"鍦板潃錛氭渤鍗楃渷瀹夐槼甯傞緳瀹夊尯鐑х泦紿戞潙澶ц鍖?鏍?鎺?鍙?br/>鐢佃瘽錛?372-3185998 400-871-3822<br/>鎵嬫満錛?5837256430 鑱旂郴浜猴細闄堢粡鐞?br/>緗戠珯錛歸ww.djerd.tw",point:"114.335939|36.092336",isOpen:1,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}} ]; //鍒涘緩marker function addMarker(){ for(var i=0;i<markerArr.length;i++){ var json = markerArr[i]; var p0 = json.point.split("|")[0]; var p1 = json.point.split("|")[1]; var point = new BMap.Point(p0,p1); var iconImg = createIcon(json.icon); var marker = new BMap.Marker(point,{icon:iconImg}); var iw = createInfoWindow(i); var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)}); marker.setLabel(label); map.addOverlay(marker); label.setStyle({ borderColor:"#808080", color:"#333", cursor:"pointer" }); (function(){ var index = i; var _iw = createInfoWindow(i); var _marker = marker; _marker.addEventListener("click",function(){ this.openInfoWindow(_iw); }); _iw.addEventListener("open",function(){ _marker.getLabel().hide(); }) _iw.addEventListener("close",function(){ _marker.getLabel().show(); }) label.addEventListener("click",function(){ _marker.openInfoWindow(_iw); }) if(!!json.isOpen){ label.hide(); _marker.openInfoWindow(_iw); } })() } } //鍒涘緩InfoWindow function createInfoWindow(i){ var json = markerArr[i]; var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>"); return iw; } //鍒涘緩涓涓狪con function createIcon(json){ var icon = new BMap.Icon("http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png", 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)}) return icon; } initMap();//鍒涘緩鍜屽垵濮嬪寲鍦板浘 </script> </html>