|
最近在研究一个跟摩拜单车的地图。摩拜单车的地图是高德。我用的是百度。为了用户体验效果好一点。一直在研究线路自定义颜色。跟图标显隐的问题。 下面是除去起点跟终点图标的代码:
var walking = new BMap.WalkingRoute(map, {
renderOptions : {
map : map,
autoViewport : true //自动调整适合尺寸
},
onMarkersSet:function(routes) {
map.removeOverlay(routes[0].marker); //删除起点
map.removeOverlay(routes[routes.length-1].marker);//删除终点
}
});
如果用以上的代码 直接 walking.search(point1.point2); 那么会是虚线,百度地图已经写死了。我是没找到如何直接修改的方法。
如何修改这条线的样式,我从网上找了一些资料。总结了下:
walking.search(point1.point2);
walking.setSearchCompleteCallback(function() {
var pts = walking.getResults().getPlan(0).getRoute(0).getPath();
// 定义折线并添加到地图上
var polyline = new BMap.Polyline(pts);
polyline.setStrokeColor("green");
map.addOverlay(polyline);
// 1秒后调整视野
// setTimeout(function() {
// map.setViewport([ circle.getCenter(),new BMap.Point(115.95144801392113, 28.662338061939092)]);
// }, 1000);
});
});
其实意思相当于把这条线 用折线的方式覆盖展示在地图上。
|
|