百度地图的使用.docx

//创建和初始化地图函数：

functioninitMap（）{

createMap（）;//创建地图

setMapEvent（）;//设置地图事件

addMapControl（）;//向地图添加控件

addMarker（）;//向地图中添加marker

}

//创建地图函数：

functioncreateMap（）{

varmap=newBMap.Map（"dituContent"）;//在XX地图容器中创建一个地图

varpoint=newBMap.Point（105.945382,29.361842）;//定义一个中心点坐标

map.centerAndZoom（point,15）;//设定地图的中心点和坐标并将地图显示在地图容器中

window.map=map;//将map变量存储在全局

}

//地图事件设置函数：

functionsetMapEvent（）{

map.enableDragging（）;//启用地图拖拽事件，默认启用（可不写）

map.enableScrollWheelZoom（）;//启用地图滚轮放大缩小

map.enableDoubleClickZoom（）;//启用鼠标双击放大，默认启用（可不写）

map.enableKeyboard（）;//启用键盘上下左右键移动地图

}

//地图控件添加函数：

functionaddMapControl（）{

//向地图中添加缩放控件

varctrl_nav=newBMap.NavigationControl（{anchor:

BMAP_ANCHOR_TOP_LEFT,type:

BMAP_NAVIGATION_CONTROL_LARGE}）;

map.addControl（ctrl_nav）;

//向地图中添加缩略图控件

varctrl_ove=newBMap.OverviewMapControl（{anchor:

BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:

1}）;

map.addControl（ctrl_ove）;

//向地图中添加比例尺控件

varctrl_sca=newBMap.ScaleControl（{anchor:

BMAP_ANCHOR_BOTTOM_LEFT}）;

map.addControl（ctrl_sca）;

}

//标注点数组

//这里修改参数，title表示标题；content表示内容；point表示初始地理坐标

varmarkerArr=[{title:

"标题",content:

"内容",point:

"105.945346|29.356868",isOpen:

1,icon:

{w:

23,h:

25,l:

46,t:

21,x:

9,lb:

12}}

];

//创建marker

functionaddMarker（）{

for（vari=0;i

varjson=markerArr[i];

varp0=json.point.split（"|"）[0];

varp1=json.point.split（"|"）[1];

varpoint=newBMap.Point（p0,p1）;

variconImg=createIcon（json.icon）;

varmarker=newBMap.Marker（point,{icon:

iconImg}）;

variw=createInfoWindow（i）;

varlabel=newBMap.Label（json.title,{"offset":

newBMap.Size（json.icon.lb-json.icon.x+10,-20）}）;

marker.setLabel（label）;

map.addOverlay（marker）;

label.setStyle（{

borderColor:

"#808080",

color:

"#333",

cursor:

"pointer"

}）;

（function（）{

varindex=i;

var_iw=createInfoWindow（i）;

var_marker=marker;

_marker.addEventListener（"click",function（）{

this.openInfoWindow（_iw）;

}）;

_iw.addEventListener（"open",function（）{

_marker.getLabel（）.hide（）;

}）

_iw.addEventListener（"close",function（）{

_marker.getLabel（）.show（）;

}）

label.addEventListener（"click",function（）{

_marker.openInfoWindow（_iw）;

}）

if（!

!

json.isOpen）{

label.hide（）;

_marker.openInfoWindow（_iw）;

}

}）（）

}

}

//创建InfoWindow

functioncreateInfoWindow（i）{

varjson=markerArr[i];

variw=newBMap.InfoWindow（""+json.title+""+json.content+"