院友会

联系我们
联系信息

联系电话:010-7632768

邮箱:xiaoxiao@pek.edu.cn

地址:北京市海淀区颐和园路5号

微信

百度地图API自定义地图 //创建并初始化地图功能: 函数initMap(){ createMap(); //创建一个地图 setMapEvent(); //设置地图事件 addMapControl(); //向地图添加控件 addMapOverlay(); //为地图添加封面 } 函数createMap(){ Map=new BMap.Map('map'); map.centerAndZoom(new BMap.Point(116.314775,40.000058),15); } 函数setMapEvent(){ map.enableKeyboard(); map.enableDragging(); map.enableDoubleClickZoom() } 函数addClickHandler(target,window){ target.addEventListener( '点击',函数(){target.openInfoWindow(窗口); }); } 函数addMapOverlay(){ Var标记=[ {内容:'快三网站',标题:'快三网站',imageOffset: {width: -46,height: -21},位置: {lat: 39.999367,lng: 116.315709}} ]。 For(var index=0; index <markers.length; index ++){ Var point=new BMap.Point(markers [index] .position.lng,markers [index] .position.lat); Var marker=new BMap.Marker(point,{icon: new BMap.Icon('http://api.map.baidu.com/lbsapi/createmap/images/icon.png',new BMap.Size(20,25),{ imageOffset: new BMap.Size(markers [index] .imageOffset.width,markers [index] .imageOffset.height) })});Var label=new BMap.Label(markers [index] .title,{offset: new BMap.Size(25,5)}); Var opts={ 宽度: 200, 标题:标记[index] .title, enableMessage: false }; Var infoWindow=new BMap.InfoWindow(markers [index] .content,opts); marker.setLabel(标签); addClickHandler(标记,信息窗口); map.addOverlay(标记); }; } //向地图添加控件 函数addMapControl(){ Var scaleControl=new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT}); scaleControl.setUnit(BMAP_UNIT_IMPERIAL); map.addControl(scaleControl); Var navControl=new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT,type: BMAP_NAVIGATION_CONTROL_LARGE});map.addControl(navControl); Var overviewControl=new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT,isOpen: true}); map.addControl(overviewControl); } Var地图; initMap();