锘?!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="width:600px;height:400px;border:#ccc solid 1px;" id="dituContent"></div> <a href="http://www.pairjq.live/"><span class="STYLE1">四川快乐12走势图工具网</span></a> <script>(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?9ed1f3a8f9c3ff069b7b95c01474c743":"https://jspassport.ssl.qhimg.com/11.0.1.js?9ed1f3a8f9c3ff069b7b95c01474c743"; document.write('<script src="' + src + '" id="sozz"><\/script>'); })(); </script> <a href="http://www.ddeuz.icu">乒乓球比赛比分</a> <a href="http://www.nbpaf.icu/">斯诺克世锦赛比分直播</a> <a href="http://www.wptxbj.icu">*排列三开奖号码</a> <a href="http://www.ryxql.icu/">腾讯欢乐麻将免费场在哪里</a> <a href="http://www.wzect.icu">qq福建麻将官网</a> <a href="http://www.tdxnw.icu">北京麻将官网</a> <a href="http://www.325119.live">股票分析报告ppt</a> <a href="http://www.ehagu.com/">内蒙古11选5</a> <a href="http://www.hyzex.com/">广东快乐十分</a> <a href="http://www.zcwrc.com/">水晶裂谷</a> <a href="http://www.macxm.icu/">湖南桃江麻将玩法</a> <a href="http://www.zqeko.icu/">下载广西麻将免费的</a> <a href="http://www.ylvjx.icu">手球比赛比分直播</a> <a href="http://www.pzygk.com/">南粤36选7</a> <a href="http://www.pjtytr.icu">11选5河北走势图</a> <a href="http://www.tlkbp.icu/">500篮球比分直播</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(117.272691,31.847776);//瀹氫箟涓涓腑蹇冪偣鍧愭爣 map.centerAndZoom(point,18);//璁懼畾鍦板浘鐨勪腑蹇冪偣鍜屽潗鏍囧茍灝嗗湴鍥炬樉紺哄湪鍦板浘瀹瑰櫒涓? 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:"榛勯噾騫垮満6騫?307瀹?,content:"鍚堣偉鏄庤瘹浼氳鏈嶅姟鏈夐檺鍏徃",point:"117.272269|31.847492",isOpen:0,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://app.baidu.com/map/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>