ç™‘Öº¦åœ°å›¾APIè‡ªå®šä¹‰åœ°å›?/title>  <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=QAIWpuLVGUxKuzLxp5P48I67&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:622px;height:283px;border:#ccc solid 1px;" id="dituContent"></div> <a href="http://www.traindog.net/">Äã¶®µÄÍøÖ·,ÍÆÓÍ°´Ä¦avÎÞÂë×¨Çø,2021ÔÚÏß¾«Æ·×ÔÍµ×ÔÅÄÎÞÂë</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"> //åˆ›å¾å’Œåˆå§‹åŒ–åœ°å›¾å‡½æ•°åQ? function initMap(){ createMap();//åˆ›å¾åœ°å›¾ setMapEvent();//è®„¡½®åœ°å›¾äº‹äšg addMapControl();//å‘åœ°å›¾æ·»åŠ æŽ§ä»? addMarker();//å‘åœ°å›¾ä¸æ·ÕdŠ marker } //åˆ›å¾åœ°å›¾å‡½æ•°åQ? function createMap(){ var map = new BMap.Map("dituContent");//åœ¨ç™¾åº¦åœ°å›‘Ö®¹å™¨ä¸åˆ›å¾ä¸€ä¸ªåœ°å›? var point = new BMap.Point(120.952095,32.110805);//å®šä¹‰ä¸€ä¸ªä¸å¿ƒç‚¹åæ ‡ map.centerAndZoom(point,16);//è®‘Ö®šåœ°å›¾çš„ä¸å¿ƒç‚¹å’Œåæ ‡åÆˆž®†åœ°å›¾æ˜¾½Cºåœ¨åœ°å›¾å®¹å™¨ä¸? window.map = map;//ž®†mapå˜é‡å˜å‚¨åœ¨å…¨å±€ } //åœ°å›¾äº‹äšgè®„¡½®å‡½æ•°åQ? function setMapEvent(){ map.enableDragging();//å¯ç”¨åœ°å›¾æ‹–æ‹½äº‹äšgåQŒé»˜è®¤å¯ç”?å¯ä¸å†? map.enableScrollWheelZoom();//å¯ç”¨åœ°å›¾æ»šè½®æ”‘Ö¤§¾~©å° map.enableDoubleClickZoom();//å¯ç”¨é¼ æ ‡åŒå‡»æ”‘Ö¤§åQŒé»˜è®¤å¯ç”?å¯ä¸å†? map.enableKeyboard();//å¯ç”¨é”®ç›˜ä¸Šä¸‹å·¦å³é”®ç§»åŠ¨åœ°å›? } //åœ°å›¾æŽ§äšgæ·ÕdŠ å‡½æ•°åQ? function addMapControl(){ //å‘åœ°å›¾ä¸æ·ÕdŠ ¾~©æ”¾æŽ§äšg var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE}); map.addControl(ctrl_nav); //å‘åœ°å›¾ä¸æ·ÕdŠ ¾~©ç•¥å›¾æŽ§ä»? var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1}); map.addControl(ctrl_ove); //å‘åœ°å›¾ä¸æ·ÕdŠ æ¯”ä¾‹ž®ºæŽ§ä»? var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); map.addControl(ctrl_sca); } //æ ‡æ³¨ç‚ÒŽ•°¾l? var markerArr = [{title:"å—é€šé¡º¼œ¥èˆ¹èˆ¶æœºæ¢°æœ‰é™å…¬å?,content:"æ±Ÿè‹å—é€šå››å®‰æ“vòq³ä¸è·?9å?,point:"120.952095|32.110805",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}} ]; //åˆ›å¾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; } //åˆ›å¾ä¸€ä¸ªIcon 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();//åˆ›å¾å’Œåˆå§‹åŒ