百度地图API

最近在帮忙给同事的公司完善网站,需要给网页中添加百度地图

网页中加地图,主要是用百度地图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,交通等组建

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容