aaronyang的百度地圖API之LBS雲與.NET開發 Javascript API 2.0【基本地圖的操做】

爲了更簡單的演示，咱們建立個.NET的ASP.NET MVC4項目

---

 好了，上面都是後話，POI說白了，就是你的用戶的數據，不少數據，不過不要緊，由於你的數據若是存在百度的LBS雲上，那麼大數據你就不用考慮的了

在這以前，咱們確定要知道怎樣把用戶的數據正確的存到LBS上，在這以前咱們先學習下 百度提供的 Javascript API。

這個例子很簡單：

1.頁面上引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的AK"></script>

而後建立一個div，設置高寬

<div id="container" style="width:100%;height:500px;"></div>

2.添加js代碼

      var map = new BMap.Map("container"); //初始化地圖

      這裏Map方法，還有個參數，地圖的初始化設置，具體的還有哪些參數，後面細講，這裏有個maxZoom，就是地圖默認縮放級別

   var mapOption = {
            mapType: BMAP_NORMAL_MAP,
            maxZoom: 18,
            drawMargin: 0,
            enableFulltimeSpotClick: true,
            enableHighResolution: true
        }

    var map = new BMap.Map("container",mapOption); //初始化地圖

    第二個，設置初始化點，（經度，緯度）

     map.centerAndZoom(new BMap.Point(117.234963,31.858815), 18);//這裏的18會影響mapOption中的maxZoom的設置，會覆蓋這個值

     我這裏的經度緯度是從LBS雲，手動標註添加數據拿到的117.234963,31.858815，後面的18是地圖縮放界別，數字越大，地圖越詳細

   

 

文章已經遷移到:http://www.ayjs.net/post/36.html

 

 

 

 

map.addControl(new BMap.NavigationControl());  //添加默認縮放平移控件
map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}));  //右上角，僅包含平移和縮放按鈕
map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT, type: BMAP_NAVIGATION_CONTROL_PAN}));  //左下角，僅包含平移按鈕
map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, type: BMAP_NAVIGATION_CONTROL_ZOOM}));  //右下角，僅包含縮放按鈕

 

OK！

---

 

休息一會----http://aaronyang.cnblogs.com的博客