![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
百度地图
文章平均质量分 87
渐变强的小刘
这个作者很懒,什么都没留下…
展开
-
百度地图开发探索 轨迹(路书) typescript angular
上图为先:轨迹的组成:起点、终点、一条线、线上的小车主要功能:添加轨迹、小车在轨迹上跑动、小车回到起点、小车回到重点、小车速度调节、轨迹的粗细调节实现方式:路书还有一种是在轨迹线不断的对小车进行添加和删除操作,感觉会更灵活,因为可以时刻记录你想要的数据,但是路书是封装好的方式,我也没有研究很全面添加轨迹// 画轨迹 drawTrack(trackArr: Array<any>, startOrEnd?: any) { this.lushuPointArr = [];原创 2021-01-15 10:50:40 · 1175 阅读 · 0 评论 -
百度地图开发探索 添加覆盖物(圆形、多边形、行政区)围栏 typescript angular
添加覆盖物话不多说,先上图,看图写代码(添加点的在上一章有整理)1、圆形围栏:2、多边形围栏:3、行政区围栏:图形的展示:// 画围栏 drawFence(fenceDetail: any) { this.fenceDetail = null; const pointArr: any = []; this.fencePolygon = []; let pointView: any = []; let points: any = []; c原创 2021-01-15 10:50:49 · 1260 阅读 · 0 评论 -
百度地图开发探索 angular7 (typescript) 添加参考点、定位点与自定义弹窗
添加参考点并获取位置话不多说,看图说话分析一下此点和弹窗的组成:1、上图的蓝色图标为一个marker2、生成一个marker需要point,生成point需要两个坐标(经纬度)3、上方的弹窗是依赖于marker生成的(弹窗自定义样式下面会有整理)// 参考点 referencePoint(e: any) { const point = new BMap.Point(e.point.lng, e.point.lat); // 创建point const poiIcon = n原创 2021-01-15 10:50:57 · 1043 阅读 · 0 评论 -
百度地图开发探索 定位功能(搜索获取位置,地图自带定位,点击获取定位) typescript angular
百度地图定位定位控件:如图// 定位控件 locationControl() { // 添加带有定位的导航控件,就是缩放控件+定位按钮 const navigationControl = new BMap.NavigationControl({ // 靠左上角位置 anchor: BMAP_ANCHOR_TOP_LEFT, // LARGE类型 type: BMAP_NAVIGATION_CONTROL_LARGE, /原创 2021-01-15 10:51:05 · 2429 阅读 · 2 评论 -
百度地图开发探索 angular7地图原始宽高固定、初始化、工具条/比例尺、缩略图/混合图,地图类型切换(卫星、三位、混合)、定位/版权/城市列表控件
1、地图宽高固定(整页背景)通过ID获取地图,高度随窗口变化而变化const height = window.innerHeight - 123;const map = document.getElementById('allmap');map.style.height = height + 'px';2、地图初始化原创 2021-01-15 10:51:14 · 534 阅读 · 0 评论