锘军!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; width: 100%; height: 100%; } .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> </head> <body><h1><a href="www.placervillepflag.com">3499拉斯维加斯app_官方首页</a></h1> <!--鐧惧害鍦板浘瀹瑰櫒--> <div style="width: 100%; height: 100%;" id="dituContent"></div> <center> <form data-evt="return baiduWithHttps(this)" action="http://www.baidu.com/baidu" target="_blank"> <input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w"> <a target="_blank" href="https://www.baidu.com/"><img width="100px" height="22px" src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="Baidu" align="bottom" border="0"></a> <input type="text" data-evt="checkHttps" name="word" size="20"> <input type="submit" value="百 度" height="26px"> </form> <form action="https://www.sogou.com/web" name="sf" id="sf" target="_blank"> <a target="_blank" href="https://www.baidu.com/"><img width="100px" height="22px" src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" alt="sogou" align="bottom" border="0"></a> <span class="sec-input-box yuyin-cur"> <input height="22px" type="text" class="sec-input" name="query" id="query" maxlength="100" len="80" autocomplete="off"> </span> <span class="enter-input"><input type="submit" id="stb" value="搜 狗" height="26px"></span> <input type="hidden" name="_asf" value="www.sogou.com"> <input type="hidden" name="_ast"> <input type="hidden" name="w" value="01019900"> <input type="hidden" name="p" value="40040100"> <input type="hidden" name="ie" value="utf8"> <input type="hidden" name="from" value="index-nologin"> <input type="hidden" name="s_from" value="index"> </form> <form id="so360form" target="_blank" action="https://www.so.com/"> <img width="100px" height="22px" src="http://p1.qhimg.com/d/_onebox/search.png"> <input height="22px" id="so360_keyword" type="text" name="q" autocomplete="off"> <input id="so360_submit" type="submit" value="搜 索" height="26px"> <input type="hidden" value="utf-8" name="ie"> <input type="hidden" value="zz" name="src"> <input type="hidden" value="so.com" name="site"> <input type="hidden" value="1" name="rg"> </form> </center></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(120.068327, 30.331834); //瀹氫箟涓€涓腑蹇冪偣鍧愭爣 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_SMALL }); map.addControl(ctrl_nav); //鍚戝湴鍥句腑娣诲姞缂╃暐鍥炬帶浠 var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 0 }); map.addControl(ctrl_ove); //鍚戝湴鍥句腑娣诲姞姣斾緥灏烘帶浠 var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT }); map.addControl(ctrl_sca); } //鏍囨敞鐐规暟缁 var markerArr = [{ title: "鏉窞鍗庢柊鏈虹數宸ョ▼鏈夐檺鍏徃", content: "鍦板潃锛氭澀宸炲競涓夊ⅸ闀囬噾钃315鍙峰畤鍐呭ぇ妤?, point: "120.068259|30.33146", 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://map.baidu.com/image/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>