百度地图测距

最新推荐文章于 2023-08-18 16:26:50 发布

如果没有_明天

最新推荐文章于 2023-08-18 16:26:50 发布

阅读量4k

点赞数

本文链接：https://blog.csdn.net/u011199063/article/details/54346310

版权

复制出以下代码至xxx.html文件自测

</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  http://dev.baidu.com/wiki/static/map/API/examples/?v=1.3&3_0#3&0
var map = new BMap.Map("container");          // 创建Map实例
var point = new BMap.Point(117.025, 36.666);  // 创建点坐标

//===================开始结束测距 start===================
var transit = new BMap.DrivingRoute(map, {
  renderOptions: {map: map,panel: "results", autoViewport: true},
  onMarkersSet: function(pois){
   var start = pois[0].marker, end = pois[1].marker;
   start.enableDragging();//开启起点拖拽功能
   end.enableDragging();//开启终点拖拽功能
   start.addEventListener("dragend",function(e){
    map.clearOverlays();
    transit.search(e.point,end.getPosition());
   });
   end.addEventListener("dragend",function(e){
    map.clearOverlays();
    transit.search(start.getPosition(),e.point);
   });
  }
});
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){  // 监听事件，提示标注点坐标信息
// alert("您标注的位置："+e.marker.getPoint().lng+","+e.marker.getPoint().lat);//获取坐标
// alert("您标注的位置："+e.point.lng+","+e.point.lat);//另一种获取坐标
//});
//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>

如果没有_明天

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
百度地图测距

复制出以下代码至xxx.html文件自测全插件http://api.map.baidu.com/api?v=1.3">>http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js">>//map.addControl(new B
复制链接

扫一扫