最近在项目中需要用到仿百度地圖拖动特效于是花点事件研究了一下,发现通过scrollLeft和scrollTop方法改变滑块的位置可以实现类似效果下面把研究结果拿出来分享一下。
关键js代码:给地图绑定拖动事件
发布了27 篇原创文章 · 获赞 12 · 访问量 6万+
背景:公司想要做一个基于百度哋图实时展示车的运行轨迹且在运行过程中需要车头方向随着角度进行变化。
每一秒画一次线的方法调用:
这个时候会遇到每次结束的點图标不清楚每一次都会画上一个,最后导致页面中很多最后的图标简直不能直视。解决方法是在画下一次图标时候先将前一个图标清除调但
removeOverlay这个方法放在哪儿都会报找不到图标的错误,于是解决方法如下:if(carMk){//先判断第一次进来的时候这个值有没有定义有的话就清除掉上一次的。然后在进行画图标第一次进来时候没有定义也就不走这块,直接进行画图标
好啦最终实现的效果就是小车可以在地图上實时进行移动,且车头方向根据值进行变化
步骤一:申请百度地图密钥;
Window("地址:北京市东城区王府井大街88号乐天银泰百货八层", opts); // 创建信息窗口对象
//获取信息窗口的内容
Polyline表示地图上的折线覆盖物它包含一组点,并将這些点连接起来形成折线
12.控件工具的创建与开关
14.根据地址描述获得坐标 与 根据坐标得到地址描述
16.自动移动,缩放地图
18.给地图添加文字設置样式
给覆盖物添加文字标签:
//给覆盖物添加右键菜单
//单击获取点击的经纬度
当地图打点过多时,我们要使得所有的点都在我们地图上嘚可视区域内就用下面的方法
这些数据来自百度地图说明,更加详细的说明还是看百度地图api文档最好
最近在项目中需要用到仿百度地圖拖动特效于是花点事件研究了一下,发现通过scrollLeft和scrollTop方法改变滑块的位置可以实现类似效果下面把研究结果拿出来分享一下。
关键js代码:给地图绑定拖动事件
发布了27 篇原创文章 · 获赞 12 · 访问量 6万+