接着上一篇,將上一篇代碼的js提取出來:
<script type="text/javascript">
var map = new BMap.Map("allmap"); // 創建Map實例
var point = new BMap.Point(116.404, 39.915); // 創建點坐標
map.centerAndZoom(point,15); // 初始化地圖,設置中心點坐標和地圖級別。
map.enableScrollWheelZoom(); //啟用滾輪放大縮小
</script>
這段js功能很簡單,就是初始化地圖並且定位。其中涉及了四個庫里的函數:
1.Map(參數:HTML中的元素)
所以必須要有一個塊<div id="allmap"></div>,並且調用的就是之前定義好的三種樣式
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
2.Point(坐標|字符串)
這個函數即可用坐標初始化也可用字符串。
3.centerAndZoom(Point,Number)
這個函數是地圖的最基礎也是最重要的函數,是將定義好的點加載到地圖上進行定位,並且指明地圖放大級數。
4.enableScrollWheelZoom();
這個一看名字就知道是開啟滾動條,默認參數為true。
以后修改百度的DEMO時只要在
<script type="text/javascript">
//do something
</script>
就行了,當然了,你要是有特殊的需求還需要另外定義元素或者全局變量等等,這個后面我會跟大家分享。上面的四個函數在百度的開源庫里都能找到http://developer.baidu.com/map/reference/index.phptitle=Class:E6%80%BB%E7%B1%BB/%E6%A0%B8%E5%BF%83%E7%B1%BB, 有詳細的介紹,我就不在這一一介紹了。但是必須說一點,也許是出於機密,百度提供的這個類庫有些籠統,比如有些類里面方法的屬性根本就沒有提及,這個類庫 的參考只能讓你有一些輪廓。所以,利用百度API進行二次開發有一個很龐大的工程就是篩選出你需要的功能函數,並且看很多DEMO來找出該函數的各種重載 和用法。所以下一篇,我跟大家分享一下我自己總結的常用函數的屬性以及方法,會很多喔(絕對實用)。