首頁 > 開發者 > JavaScript
本來想做百度地圖api for flex，才發現百度對這項技術已經處於停用狀態，而主要專註於javascript api上。好吧，順應百度的趨勢，做js。
百度地圖的開發比較於google，要簡單一些，在百度官網上，資料應有盡有，充分說明了百度更懂中國人的特點。
下面是baidu地圖的入門範例程式碼：包含初始化載入、事件等，算得上是一個入門的demo了。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- 一個meta標籤，以便使您的頁面更好的在移動平台上展示 --><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><link href="css/style.css" rel="stylesheet" type="text/css" /><title>百度地圖</title><script type="text/javascript"> function initialize() { var mp = new BMap.Map('map'); mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11); //使用滑鼠滾輪控制縮放 mp.enableScrollWheelZoom(); mp.addEventListener("click",showInfo); function showInfo(e){ alert("經度："+e.point.lng+",緯度"+e.point.lat); }} function loadScript() { var script = document.createElement("script"); script.src = "http://api.map.baidu.com/api?v=1.5&ak=keyNo&callback=initialize"; //此為v1.5版本的引用方式 // http://api.map.baidu.com/api?v=1.5&ak=您的密鑰&callback=initialize"; //此為v1.4版本及以前版本的引用方式 document.body.appendChild(script); } window.onload = loadScript; </script> </head><body><h2>百度map</h2><center><div id="map" style="width:700px;height:700px"></div></center></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
