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

最新推荐文章于 2025-08-23 15:40:37 发布

weixin_33853827

最新推荐文章于 2025-08-23 15:40:37 发布

阅读量101

点赞数

文章标签： javascript 测试大数据 ViewUI

本文介绍如何在ASP.NET MVC4项目中使用百度地图API。通过简单示例展示了如何加载地图、设置初始位置及缩放级别，并添加不同类型的导航控件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为了更简单的演示，我们创建个.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，设置高宽

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}));  //右下角，仅包含缩放按钮