aaronyang的百度地图API之LBS云与.NET开发 Javascript API 2.0【基本地图的操做】

为了更简单的演示，咱们建立个.NET的ASP.NET MVC4项目javascript

 好了，上面都是后话，POI说白了，就是你的用户的数据，不少数据，不过不要紧，由于你的数据若是存在百度的LBS云上，那么大数据你就不用考虑的了html

在这以前，咱们确定要知道怎样把用户的数据正确的存到LBS上，在这以前咱们先学习下 百度提供的 Javascript API。java

这个例子很简单：api

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

而后建立一个div，设置高宽学习

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

2.添加js代码spa

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

      这里Map方法，还有个参数，地图的初始化设置，具体的还有哪些参数，后面细讲，这里有个maxZoom，就是地图默认缩放级别code

   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的博客