随笔分类 -  web地图相关

百度地图路书工具BMapLib.LuShu使用与回调方法
摘要：一、初始化实例 页面初始化路书实例： const arrPois = arrPoints.map(v => { return (new BMap.Point(Number(v.xpoint), Number(v.ypoint))); }) this.lushu = new BMapLib.LuShu 阅读全文
posted @ 2024-07-01 16:19 盼星星盼太阳 阅读(328) 评论(0) 推荐(0) 编辑
baidu Map地图遮罩
摘要：一、场景引入 做地图轨迹时，轨迹连线不明显，需增加地图遮罩效果 二、解决方案 方案一、使用 Polygon 多边形 定义一个阴影覆盖物，大小覆盖整个地图 代码如下： // 添加遮罩 addMask() { var maskPoints = [] var EN_JW = new BMap.Point( 阅读全文
posted @ 2023-10-13 13:46 盼星星盼太阳 阅读(380) 评论(0) 推荐(0) 编辑
baidu地图动态轨迹与轨迹箭头效果研究
摘要：一、问题引入 使用baidu地图 jsapi，生成轨迹，由于轨迹连线效果一般，需要增加动态效果或轨迹箭头连线 轨迹连线代码如下： let linesArr = [] arrPoint.forEach((v, i) => { if (v.x && v.y) { linesArr.push(new BM 阅读全文
posted @ 2023-10-09 15:32 盼星星盼太阳 阅读(1148) 评论(0) 推荐(0) 编辑
百度地图mapv.baiduMapLayer使用与参数说明
摘要：一、使用步骤 1、创建地图 // 创建Map实例 var map = new BMap.Map("map", { enableMapClick: false }); // 初始化地图,设置中心点坐标和地图级别 map.centerAndZoom(new BMap.Point(106.962497, 阅读全文
posted @ 2023-09-18 11:30 盼星星盼太阳 阅读(1405) 评论(0) 推荐(0) 编辑
js baiduMap封装自定义覆盖物类
摘要：一、问题引入 使用百度地图添加覆盖物，官方overlay方法覆盖物简单，要实现覆盖物自定义元素，自定义css动画效果等 二、方案 1.自定义覆盖物构造函数，继承baidu overlay function ComplexCustomOverlay(point, marker) { console.l 阅读全文
posted @ 2023-07-05 15:21 盼星星盼太阳 阅读(84) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示