可参考工具中:http://lbsyun.baidu.com/index.php?title=jspopular/guide/tool
API参数查找:http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a0b0
基础类:
1、创建地图实例
位于BMap命名空间下的Map类表示地图,通过new操作符可以创建一个地图实例。其参数可以是元素id也可以是元素对象。
注意在调用此构造函数时应确保容器元素已经添加到地图上。
2、创建点坐标
这里我们使用BMap命名空间下的Point类来创建一个坐标点。Point类描述了一个地理坐标点,其中116.404表示经度,39.915表示纬度。
3、地图初始化
在创建地图实例后,我们需要对其进行初始化,BMap.Map.centerAndZoom()方法要求设置中心点坐标和地图级别。 地图必须经过初始化才可以执行其他操作。
<script type="text/javascript"> var map = new BMap.Map("container"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别 </script>
原文:http://lbsyun.baidu.com/index.php?title=jspopular/guide/helloworld
二:API核心类
1、map.centerAndZoom(center:Point, zoom: Number)
设初始化地图。 如果center类型为Point时,zoom必须赋值,范围3-19级,若调用高清底图(针对移动端开发)时,zoom可赋值范围为3-18级。如果center类型为字符串时,比如“北京”,zoom可以忽略,地图将自动根据center适配最佳zoom级别
<script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom("上海",15); // 初始化地图,用城市名设置地图中心点 </script>
2、map.setCurrentCity(city: String)
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别 map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的注意:初始化的坐标应与您设置的城市对应,
3、map.enableScrollWheelZoom(true);
map.enableScrollWheelZoom(true); //开启鼠标滚轮放大缩小,默认禁用 map.disableScrollWheelZoom(); //禁用滚轮放大缩小
4、map.Size(-33, -47);
此类以像素表示一个矩形区域的大小。Size(width: Number, height: Number)
var myRichMarKer=new BMapLib.RichMarker(html, poi,{ "anchor" : new BMap.Size(-33, -47), // "enableDragging" : true });
二:控件类:
1、MapTypeControl:负责切换地图类型的控件
map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
原文:http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a2b15
三、服务类
1、new BMap.TransitRoute(location:Map| Point| String, opts:TransitRouteOptions) [公交检索]
此类用于获取公交路线规划方案。创建一个公交导航实例。location表示检索区域,类型可为地图实例、坐标点或城市名称的字符串。当参数为地图实例时,检索位置由当前地图中心点确定;当参数为坐标时,检索位置由该点所在位置确定;当参数为城市名称时,检索会在该城市内进行
var transit = new BMap.TransitRoute(map, { renderOptions: {map: map} });
2、new BMap.Autocomplete({options: AutocompleteOptions}) [输入提示框]
结果提示、自动完成类
var ac=new BMap.Autocomplete({ \'input\':\'J_startPoint\' }); var endc=new BMap.Autocomplete({ \'input\':\'J_endPoint\' });
TransitRoute参数说明:http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a7b7