百度地图学习之基础篇
var map = new BMap.Map("container"); // 创建地图实例??
map.addControl(new BMap.NavigationControl());//地图控制插件，该插件可以控制地图的位置地图的显示比例??
map.addControl(new BMap.ScaleControl());//显示在地图下方，告诉你地图上1cm对应的真实距离??
//map.addControl(new BMap.OverviewMapControl());??
map.addControl(new BMap.MapTypeControl());//地图的显示类型：包括地图和卫星??
?
//创建地图函数：
??? function createMap(){
??????? var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
??????? var point = new BMap.Point(113.263865,23.151257);//定义一个中心点坐标，这里是初始
化要显示的经度和纬度，可到http://openapi.baidu.com/map/createMap.html查看自己要显示的值。
??????? map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中
??????? window.map = map;//将map变量存储在全局
??? }
???
??? //地图事件设置函数：
??? function setMapEvent(){
??????? map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
??????? map.enableScrollWheelZoom();//启用地图滚轮放大缩小
??????? map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
??????? map.enableKeyboard();//启用键盘上下左右键移动地图
??? }
?
// 编写自定义函数,创建标注：
??? function addMarker(point, index) {
??????? 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 - index * 25)?? // 设置图片偏移
??????? });
??????? var marker = new BMap.Marker(point, { icon: myIcon });
??????? map.addOverlay(marker);
??? }
