爱学记
鎯冲�︿範鍦板浘鐨刯avascript API寮€鍙戯紝璇烽棶鐧惧害鍦板浘API銆佽胺姝屽湴鍥続PI鍜孉rcGIS API鍝�涓�鏇翠负甯哥敤锛�
鎯冲�︿範鍦板浘鐨刯avascript API寮€鍙戯紝璇烽棶鐧惧害鍦板浘API銆佽胺姝屽湴鍥続PI鍜孉rcGIS API鍝�涓�鏇翠负甯哥敤锛熉犅�
鎯冲�︿範鍦板浘鐨刯avascript API寮€鍙戯紝璇烽棶鐧惧害鍦板浘API銆佽胺姝屽湴鍥続PI鍜孉rcGIS API鍝�涓�鏇翠负甯哥敤锛�
鐧惧害鍦板浘甯哥敤锛屾敮鎻翠篃鏄�寰堝ソ鐨勶紝鎴戣�よ瘑鐨勪竴浜涗汉锛屽仛缃戠珯鐨勶紝浼佷笟缃戠珯閮芥槸鐢ㄧ殑鐧惧害鍦板浘鎻愪緵鐨凙PI銆傘€傘€傘€傘€傘€�
濡備綍淇�鏀圭櫨搴﹀湴鍥綼pi鎺у埗鍏冧欢寮€鍙�
绗�涓€姝ワ細杩涘叆鐧惧害寤虹珛鍦板浘鐨勭綉绔�:api.map.baidu./lbsapi/creatmap/锛屾悳瀵诲嚭鑷�宸辫�佸睍绀虹殑浣嶇疆锛屽�備笅鍥炬墍绀恒€�
绗�浜屾�ワ細璁惧畾鍦板浘锛屽ぇ瀹跺彲浠ュ�圭綉绔欐樉绀哄湴鍥剧殑瀹介珮杩涜�岃�惧畾锛屽叾浣欓€夐」涓嶅姩銆�
绗�涓夋�ワ細鏂板�炴爣娉ㄣ€傜偣閫夌��涓€涓�鍥剧ず鍚庯紝鍦ㄥ彸渚ф壘鍒拌嚜宸辩殑浣嶇疆锛屽崟鍑绘粦榧犲乏閿�鍙�瀹氫綅銆傛爣璁板浘绀哄�勫彲鏇存崲鍥剧ず褰㈢姸锛屽悕绉板拰澶囨敞濉�鍏ヤ綅缃�鐩稿叧璧勮��銆�
绗�鍥涙�ワ細鑾峰彇绋嬪紡鐮併€傚皢绋嬪紡鐮佽创鍒颁綘鐨勭綉椤甸噷灏監K浜嗐€傜▼寮忕爜濡備笅锛�
澶嶅埗绋嬪紡鐮�
绋嬪紡鐮佸�備笅:
<!DOCTYPE PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "<a href=":w3./TR/x1/DTD/x1-transitional.dtd">:w3./TR/x1/DTD/x1-transitional.dtd</a>">
< xmlns="<a href=":w3./1999/x">:w3./1999/x</a>">
<head>
<meta -equiv="Content-Type" content="text/; charset=gb2312" />
<meta name=keywords content="鐧惧害鍦板浘,鐧惧害鍦板浘API锛岀櫨搴﹀湴鍥捐嚜瀹氫箟宸ュ叿锛岀櫨搴﹀湴鍥炬墍瑙佸嵆鎵€寰楀伐鍏�" />
<meta name=description content="鐧惧害鍦板浘API鑷�瀹氫箟鍦板浘锛屽府鍔╀娇鐢ㄨ€呭湪瑙嗚�夊寲鎿嶄綔涓嬬敓鎴愮櫨搴﹀湴鍥�" />
<title>鐧惧害鍦板浘API鑷�瀹氫箟鍦板浘</title>
<!--寮曠敤鐧惧害鍦板浘API-->
<style type=text/css>
,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-:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type=text/javascript src=<a href=:api.map.baidu./api?key=&v=1.1&services=true"></script">:api.map.baidu./api?key=&v=1.1&services=true"></script</a>>
</head></p> <p><body>
<!--鐧惧害鍦板浘瀹瑰櫒-->
<div ></body>
<script type=text/javascript>
寤虹珛鍜屽垵濮嬪寲鍦板浘鍑藉紡锛�
function initMap(){
createMap();寤虹珛鍦板浘
setMapEvent();璁惧畾鍦板浘浜嬩欢
addMapControl();鍚戝湴鍥炬柊澧炴帶鍒跺厓浠�
}
寤虹珛鍦板浘鍑藉紡锛�
function createMap(){
var map = new BMap.Map("dituContent");鍦ㄧ櫨搴﹀湴鍥惧�瑰櫒涓�寤虹珛涓€涓�鍦板浘
var point = new BMap.Point(113.116257,27.822879);瀹氫箟涓€涓�涓�蹇冪偣搴ф爣
map.centerAndZoom(point,17);璁惧畾鍦板浘鐨勪腑蹇冪偣鍜屽骇鏍囧苟灏嗗湴鍥炬樉绀哄湪鍦板浘瀹瑰櫒涓�
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);
}
initMap();寤虹珛鍜屽垵濮嬪寲鍦板浘
</script>
</>
璇烽棶鐧惧害鍦板浘API濂借繕鏄痝oogle鐨勫ソ锛�
蹇呴』google鍦板浘濂藉晩锛屼笉杩噂oogle鏈夋椂浼氳��閬�钄斤紝灏卞彧鑳界敤浠ｇ悊鎵嶈兘杩炵嚎锛涘�傛灉鑳界敤google earth灏辩ǔ瀹氫簡锛屼絾鎶€鏈�涓婃垜涓嶆噦锛屼笉鐭ラ亾琛屼笉琛屻€�
鏃㈢劧鏄�鍏�鍙革紝鐢╣oogle earth浼佷笟鍔犲己鐗堝簲璇ヤ笉閿欍€�
甯屾湜鑳藉府鍒颁綘(*^__^*)
姹傚姪 鍏充簬鐧惧害鍦板浘api瀹氫綅
鍛煎彨setMapStatus鏉ユ敼鍙樹腑蹇冪偣鐨勩€�
1.寤虹珛涓€涓�鐐癸紝LatLng 銆�
LatLng cenpt = new LatLng(30.663791,104.07281);
2.閫氳繃鐐规瀯寤轰竴涓�鍦板浘鐘舵€�
MapStatus mMapStatus = new MapStatus.Builder()
.target(cenpt)
.zoom(12) 杩欎釜12鏄�缂╂斁瀵圭殑绾у埆
.build();
3.鏋勫缓MapStatusUpdate鐗╀欢锛屾潵渚挎弿杩板湴鍥剧姸鎬佸皢瑕佸彂鐢熺殑鍙樺寲銆�
4.鍛煎彨鍦板浘 setMapStatus鏀瑰彉鍦板浘鐨勪腑蹇冪偣銆�
mBaiduMap.setMapStatus(mMapStatusUpdate);
鐧惧害鍦板浘api鎬庢牱鏄剧ず涓�鍥藉湴鍥句笂
绋嬪紡鐮�
<script type=text/javascript>
var map = new BMap.Map("container"); 寤虹珛鍦板浘渚嬮」 var point = new BMap.Point(<?=$un_x?>,<?=$un_y?>); 寤虹珛鐐瑰骇鏍�
map.centerAndZoom(point, 12); 鍒濆�嬪寲鍦板浘锛岃�惧畾涓�蹇冪偣搴ф爣鍜屽湴鍥剧骇鍒�
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.NavigationControl()); 寮€鍚�鏍囨敞宸ュ叿 var marker = new BMap.Marker(point); 寤虹珛鏍囨敞
map.addOverlay(marker); 灏嗘爣娉ㄦ柊澧炲埌鍦板浘涓�
</script>
鐧惧害鍦板浘api鍦板浘寤虹瓚鐗╁崟鍑讳簨浠�
function showInfo(e){
var str=e.point.lng + ", " + e.point.lat+";";
alert(str);
}
function addClick(){
map.addEventListener("click", showInfo);
}
璇锋暀鍒╃敤鐧惧害鍦板浘api閲嶆柊缁樺埗鍦板浘
褰撶劧鍙�浠ュ晩銆備綘鐢↗avascript 鍛煎彨鐧惧害鍦板浘 api銆傝�惧畾 鍦板浘涓�蹇冪偣搴ф爣鍜� 鍦板浘绾у埆灏卞彲浠ヤ簡銆�
鐧惧害鍦板浘API鍔熻兘
var map = new BMap.Map("allmap"); 寤虹珛Map渚嬮」
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); 鍒濆�嬪寲鍦板浘,璁惧畾涓�蹇冪偣搴ф爣鍜屽湴鍥剧骇鍒�
map.addControl(new BMap.MapTypeControl()); 鏂板�炲湴鍥惧瀷鍒�鎺у埗鍏冧欢
map.setCurrentCity("鍖椾含"); 璁惧畾鍦板浘鏄剧ず鐨勫煄甯� 姝ら」鏄�蹇呴』璁惧畾鐨�
map.enableScrollWheelZoom(true); 寮€鍚�婊戦紶婊氳疆缂╂斁
鑷充簬缃戦〉鍏朵粬閮ㄤ綅鐨� 鎼滃�绘爮锛屾悳瀵荤粨鏋滅瓑閮芥槸 鍜宩s 鐨勫唴瀹癸紝鍜岀櫨搴︽棤鍏炽€傝嚜宸卞紑鍙�
鐧惧害鍦板浘API鍛煎彨鍦板浘涓嶆竻鏅版湁鐐规ā绯�
鐧惧害鍦板浘鏄�涓嶅お娓呮櫚鐨勶紝浣犲彲浠ョ敤鑵捐��鍦板浘妫€瑙嗙殑
鏇村嚭鑹茬殑椹捐溅瀵艰埅锛屽叿澶囧畬缇庣殑妯�灞忎綋楠�
鏅烘収璇�闊冲姪鎵嬶紝鏀�鎻存洿澶氭寚浠わ紝璇嗗埆鏇村噯纭�
鍏ㄦ柊绂荤嚎鍦板浘锛岀�＄悊鏇存柟渚匡紝涓嬭浇鏇磋繀閫�
鎴戠幇鍦ㄩ兘涓嶄娇鐢ㄧ櫨搴﹀湴鍥句簡锛屼綘鍙�浠ュ幓鑵捐��鍦板浘鐨�
鍦ㄨ�块棶閫熷害銆佽�楁櫙鍦板浘涓庝紶缁熷湴鍥剧粨鍚堬紝
鐗硅壊鍒朵綔6鍩庡競涓囦綑绉嶅�滄櫙鍦烘櫙鍜屼笂娴烽粍娴︽睙鏅�锛�
涓撻棬闈㈠悜瀛︾敓浣跨敤鑰呯兢鎺ㄥ嚭66鎵€楂樻牎鐨勮�楁櫙鍦板浘
鍒朵綔涓�鐧惧害鍦板浘api鐨勫叿浣撴�ラ��
鎶辨瓑涓嶇煡
微信收款码
支付宝收款码