跟百度地图api打交道其实很多次了,但是每次用完就忘了,所以这次特意总结一下。
//在head里面需要有一个api的引入,密钥的话去申请一下
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>
//引用路书
<script type="text/javascript" src="http://api.map.baidu.com/library/LuShu/1.2/src/LuShu_min.js"></script>
//在html里面需要有一个div标签用于存放百度地图:
<div id="map" style="height:1000px;width:1900px"></div>
//所有百度地图api中对象的函数页面:
http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html
//写在<script>标签
var map = new BMap.Map("map");//创建地图实例
var point = new BMap.Point(114.6095,24.617454);//创建中心坐标点
map.enableScrollWheelZoom();//允许滚动缩放
map.centerAndZoom(point, 10);//设置中心坐标及默认缩放级别
//以上是必要,否则不显示地图
var label = new BMap.Label("str");//建立label
var marker = new BMap.Marker(point,{enableDragging:"true"});//允许拖曳的marker
marker.setLabel(label);//给对象使用函数
//建立导航路线可视化
var driving = new BMap.DrivingRoute(map);
var start = new BMap.Point(114.112787,22.639253);
var end = new BMap.Point(114.466166,22.975106);
driving.search(start,end);
setTimeout(function(){
var show_way = driving.getResults().getPlan(0).getRoute(0).getPath();
var polyline = new BMap.Polyline(show_way,{strokeColor: "red"});//创建折线
map.addOverlay(polyline);//覆盖折线到地图上
},2000);
//