最近在帮忙给同事的公司完善网站,需要给网页中添加百度地图
网页中加地图,主要是用百度地图APIhttp://developer.baidu.com/map/,调用API做法很简单,步骤如下:创建地图,添加坐标,添加控件,捕捉控件
一下是核心代码:
var map = new BMap.Map("1-map"); //创建地图
var point = new BMap.Point(104.068866,30.579632); // 添加坐标
map.centerAndZoom(point,18);
var marker = new BMap.Marker(point); //添加标记
map.addOverlay(marker);
map.addControl(new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT})); // 添加缩略图控件
map.addControl(new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE})); // 添加缩放控件
var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT}); // 地图标注
scaleControl.setUnit(BMAP.UNIT_IMPERIAL);
map.addControl(scaleControl);
效果图:简单粗暴的做法,这里只是做了简单的地图,最后完善了添加了全景,3D,交通等组建