复制出以下代码至xxx.html文件 自测
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>全插件</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js"></script>
</head>
<body>
<div style="width:520px;height:340px;border:1px solid gray" id="container"></div>
<input type="button" value="开启测距" οnclick="myDis.open();" />
<input type="button" value="关闭测距" οnclick="myDis.close()" />
<div id="results" style="font-size:13px;margin-top:10px;"></div>
</body>
</html>
<script type="text/javascript">
//map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件
//map.addControl(new BMap.MapTypeControl({anchor: BMAP_ANCHOR_TOP_LEFT}));//地图|卫星|三维 控件
//map.setCurrentCity("济南");
//百度map API
var map = new BMap.Map("container");
var point = new BMap.Point(117.025, 36.666);
var myDis = new BMapLib.DistanceTool(map);
map.centerAndZoom(point,13);
map.enableScrollWheelZoom();
map.enableKeyboard();
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
var opts = {type: BMAP_NAVIGATION_CONTROL_SMALL} // 添加平移缩放控件(个性化)
map.addControl(new BMap.NavigationControl(opts));// 添加平移缩放控件(个性化)
map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));//地图|混合 控件
//=======================================
var contextMenu = new BMap.ContextMenu();//创建右键对象
var txtMenuItem = [
for(var i=0; i < txtMenuItem.length; i++){
}
map.addContextMenu(contextMenu);
//===================开始 结束 测距 start===================
var transit = new BMap.DrivingRoute(map, {
});
transit.search("泉城广场","洪家楼");
//===================开始 结束 测距 end
//默认红色标注
//var marker = new BMap.Marker(new BMap.Point(116.987, 36.666));
//map.addOverlay(marker);
//var myPushpin = new BMap.PushpinTool(map);
//myPushpin.addEventListener("markend", function(e){
//
//
//});
//myPushpin.open();
//var myP1 = new BMap.Point(117.025, 36.666);
//var myP2 = new BMap.Point(117, 36.666);
//var driving2 = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
//driving2.search(myP1, myP2);
//创建小狐狸
//var pt = new BMap.Point(116.991, 36.666);
//var myIcon = new BMap.Icon("http://dev.baidu.com/wiki/static/map/API/img/fox.gif", new BMap.Size(300,157));
//var marker = new BMap.Marker(pt,{icon:myIcon});
//map.addOverlay(marker);
//让小狐狸说话(创建信息窗口)
//var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>哈哈,你看见我啦!我可不常出现哦!</p>");
//marker.addEventListener("click", function(){this.openInfoWindow(infoWindow);});
//marker.enableDragging(true); // 设置标注可拖拽
</script>