百度地图api使用整理笔记

来源：互联网发布：带知的成语有哪些成语编辑：程序博客网时间：2024/05/06 15:22

1.创建地图实例

var map = new BMap.Map("bodyContent", { mapType: BMAP_HYBRID_MAP });

*mapType设置地图类型，如：BMAP_HYBRID_MAP[卫星地图] 2.创建点坐标

var point = new BMap.Point(116.404, 39.915);
*坐标格式必须new BMap.Point
3.地图展示级别
map.centerAndZoom(point, 5);
4.滚轮缩放
map.enableScrollWheelZoom(true);
5.标尺控件类型及位置
var mapType2 = new BMap.NavigationControl({ type: BMAP_NAVIGATION_CONTROL_LARGE, anchor: BMAP_ANCHOR_BOTTOM_LEFT });
* map.addControl(new BMap.NavigationControl()); //标尺
  map.addControl(new BMap.ScaleControl());      //比例尺
  map.addControl(new BMap.OverviewMapControl({ isOpen: true })));   //缩略图
  map.setCurrentCity("上海");    // 仅当设置城市信息时，MapTypeControl的切换功能才能可用
  位置：BMAP_ANCHOR_TOP_LEFT   表示控件定位于地图的左上角。
              BMAP_ANCHOR_TOP_RIGHT 表示控件定位于地图的右上角。
              BMAP_ANCHOR_BOTTOM_LEFT 表示控件定位于地图的左下角。
              BMAP_ANCHOR_BOTTOM_RIGHT 表示控件定位于地图的右下角。
6.单点标注
  var marker = new BMap.Marker(point);  //point是定位坐标
  map.addOverlay(marker);
7.多点标注、窗口信息
        var point = new Array(); //存放标注点经纬信息的数组        var marker = new Array(); //存放标注点对象的数组        var markArry = ["116.407718,39.913828", "116.237543,39.913828", "116.430715,39.933306"];        for (var i = 0; i < markArry.length; i++) {            var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {                offset: new BMap.Size(10, 25), // 指定定位位置                imageOffset: new BMap.Size(0, 0 - i * 25) // 设置图片偏移            });            point[i] = new BMap.Point(markArry[i].split(',')[0], markArry[i].split(',')[1]);            marker[i] = new BMap.Marker(point[i], { icon: myIcon });            map.addOverlay(marker[i]);            marker[i].addEventListener("click", function () {                this.openInfoWindow(new window.BMap.InfoWindow("窗口信息"));            });        }
8.本地搜索
  var local = new BMap.LocalSearch(map, {            renderOptions: { map: map, panel: "bodyList" }        });        local.search("餐饮");
9.地址解析
        var myGeo = new BMap.Geocoder();        // 将地址解析结果显示在地图上，并调整地图视野        myGeo.getPoint("中化地质矿物总局", function (point) {            if (point) {                alert(point);                //map.centerAndZoom(point, 16);                //map.addOverlay(new BMap.Marker(point));            }        }, "北京市");
10.反地址解析
   var myGeo = new BMap.Geocoder();   // 创建地理编码实例   
   myGeo.getLocation(new BMap.Point(116.364, 39.993), function (result) {            if (result) {                alert(result.address);            }    });

参考资料：1.http://blog.csdn.net/a497785609/article/details/24009031
          2.http://blog.csdn.net/drr789/article/details/7966359
          3.百度地图api接口文档

1 0