Javascripè¦å®ç°å°å¾åè½ï¼å¯ä»¥è°ç¨å°å¾APIï¼æ¯è¾æå¨çæç¾åº¦å°å¾APIåè°·æå°å¾APIçï¼ä»¥ä¸ä»¥ç¾åº¦å°éAPI为ä¾ã
ç¾åº¦å°å¾JavaScript APIæ¯ä¸å¥ç±JavaScriptè¯è¨ç¼åçåºç¨ç¨åºæ¥å£ï¼å¯å¸®å©æ¨å¨ç½ç«ä¸æ建åè½ä¸°å¯ã交äºæ§å¼ºçå°å¾åºç¨ï¼æ¯æPC端å移å¨ç«¯åºäºæµè§å¨çå°å¾åºç¨å¼åï¼ä¸æ¯æHTML5ç¹æ§çå°å¾å¼åã
JavaScript APIå·²ç»æ¯æHttpsï¼å¦éæ¤æå¡è¯·ç§»æ¥åä½å¨è¯¢é¡µé¢ï¼å¨éæ±æè¿°ä¸åæç³è¯·Https使ç¨æéã
该å¥APIå
费对å¤å¼æ¾ãèªv1.5çæ¬èµ·ï¼æ¨éå
ç³è¯·å¯é¥ï¼akï¼æå¯ä½¿ç¨ï¼æ¥å£ï¼é¤åéçä¿¡åè½å¤ï¼æ 使ç¨æ¬¡æ°éå¶ã
ä¸é¢æ¯å®æ¹ç¤ºä¾ï¼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软é
é»";}
</style>
<script type="text/javascript" src="
http://api.map.baidu.com/api?v=2.0&ak=æ¨çå¯é¥"></script>
<title>å°å¾å±ç¤º</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// ç¾åº¦å°å¾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); //å¼å¯é¼ æ æ»è½®ç¼©æ¾
</script>