返回

百度地图SDK在开发中常用方法总结(一)

Android

地图初始化

<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=YOUR_AK"></script>
<div id="map" style="width: 600px; height: 400px;"></div>

<script type="text/javascript">
  // 创建地图实例
  var map = new BMap.Map("map");
  // 设置地图中心点
  map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
</script>

地图标记

// 创建标记
var marker = new BMap.Marker(new BMap.Point(116.404, 39.915));
// 将标记添加到地图中
map.addOverlay(marker);

地图定位

// 创建定位控件
var geolocationControl = new BMap.GeolocationControl();
// 将定位控件添加到地图中
map.addControl(geolocationControl);
// 开启定位
geolocationControl.getCurrentPosition(function(r){
  if(this.getStatus() == BMAP_STATUS_SUCCESS){
    // 定位成功
    var mk = new BMap.Marker(r.point);
    map.addOverlay(mk);
    map.panTo(r.point);
  }
  else {
    // 定位失败
    alert('failed'+this.getStatus());
  }        
});

地图缩放

// 缩小地图
map.zoomIn();
// 放大地图
map.zoomOut();

地图旋转

// 顺时针旋转地图
map.rotate(90);
// 逆时针旋转地图
map.rotate(-90);

地图倾斜

// 将地图倾斜为45度
map.setTilt(45);

地图移动

// 将地图平移到指定点
map.panTo(new BMap.Point(116.404, 39.915));

地图类型

// 设置地图为卫星地图
map.setMapType(BMAP_SATELLITE_MAP);
// 设置地图为混合地图
map.setMapType(BMAP_HYBRID_MAP);

地图样式

// 设置地图样式为清新蓝
map.setMapStyle({style:'fresh_blue'});

地图事件

// 添加地图点击事件
map.addEventListener("click", function(e){
  // 获取点击的经纬度
  var pt = e.point;
  // 创建标记
  var marker = new BMap.Marker(pt);
  // 将标记添加到地图中
  map.addOverlay(marker);
});

地图控件

// 添加地图比例尺控件
map.addControl(new BMap.ScaleControl());
// 添加地图缩放控件
map.addControl(new BMap.ZoomControl());

结语

以上是对百度地图SDK中常用方法的总结,希望对开发者有所帮助。百度地图SDK还提供了许多其他功能,如路线规划、POI搜索、热力图等,开发者可以根据自己的需求选择使用。