当前位置: 首页 > news >正文

BMap 自定义icon(小车)与点位置偏差

问题场景:

1、百度地图打点不是以图片的中心点来显示的--这是导致会有偏差的原因;

2、业务需求,在百度地图上实时显示小车的位置、同时显示小车的行进方向;

问题:

小车的图片在不加方向时,基本可以和实时点位置相同,但是当加上小车方向后,icon图会偏移正常点位;

解决:

1、对图片的要求:图片最好不要有留白,大小不要太大;

2、设置图片的大小:new BMap.Size(36,74)

3、设置anchor锚点的大小:{anchor : new BMap.Size(13, 35)}

注意:anchor 的size的大小设置,根据具体icon的大小缩小比例设置即可;

4、也可以添加图片偏移量:imageOffset: new BMap.Size(0, 0) //图片的偏移量。为了是图片底部中心对准坐标点。

附代码如下:

carMk = new BMap.Marker(new BMap.Point(point[0],point[1]),{icon: new BMap.Icon(carNobodyImg, new BMap.Size(36,74),{anchor : new BMap.Size(13, 35)})});  // 创建标注
复制代码


截几个小车的行驶方向



转载于:https://juejin.im/post/5c8784d1e51d456ed1194f12

相关文章:

  • hibernate学习2_简单hibernate实现
  • linux文件acl权限简单设置
  • C#。4.1数组的应用
  • Luogu P1552 [APIO2012]派遣 主席树
  • 深入浅出设计模式——装饰模式(Decorator Pattern)
  • Centos 7.5安装Grafana5.3结合Zabbix3.4实现可视化图形
  • 部分金融常识
  • Python 调用 C 语言 so
  • vue.js 是如何做到数据响应的
  • 计算机科学论文写作5-写硕士论文
  • react native中使用echarts
  • JQuery中$.ajax()方法参数详解
  • 理解 JavaScript Mutation 突变和 PureFunction 纯函数
  • table tr,td,div ... focus
  • 数控切割机造船行业应用
  • 《用数据讲故事》作者Cole N. Knaflic:消除一切无效的图表
  • 【5+】跨webview多页面 触发事件(二)
  • Debian下无root权限使用Python访问Oracle
  • Docker 1.12实践:Docker Service、Stack与分布式应用捆绑包
  • Druid 在有赞的实践
  • MySQL主从复制读写分离及奇怪的问题
  • nodejs实现webservice问题总结
  • PermissionScope Swift4 兼容问题
  • Puppeteer:浏览器控制器
  • React 快速上手 - 07 前端路由 react-router
  • ReactNativeweexDeviceOne对比
  • vue学习系列(二)vue-cli
  • 翻译--Thinking in React
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 前端存储 - localStorage
  • 浅谈Kotlin实战篇之自定义View图片圆角简单应用(一)
  • 使用 5W1H 写出高可读的 Git Commit Message
  • 小试R空间处理新库sf
  • 鱼骨图 - 如何绘制?
  • 带你开发类似Pokemon Go的AR游戏
  • ​LeetCode解法汇总518. 零钱兑换 II
  • !!java web学习笔记(一到五)
  • # Apache SeaTunnel 究竟是什么?
  • # 飞书APP集成平台-数字化落地
  • #AngularJS#$sce.trustAsResourceUrl
  • #define、const、typedef的差别
  • %@ page import=%的用法
  • (1)常见O(n^2)排序算法解析
  • (2)Java 简介
  • (C语言)二分查找 超详细
  • (C语言)字符分类函数
  • (done) 两个矩阵 “相似” 是什么意思?
  • (HAL)STM32F103C6T8——软件模拟I2C驱动0.96寸OLED屏幕
  • (二)斐波那契Fabonacci函数
  • (附源码)计算机毕业设计ssm基于Internet快递柜管理系统
  • (教学思路 C#之类三)方法参数类型(ref、out、parmas)
  • (十)【Jmeter】线程(Threads(Users))之jp@gc - Stepping Thread Group (deprecated)
  • (转)负载均衡,回话保持,cookie
  • (最全解法)输入一个整数,输出该数二进制表示中1的个数。
  • .form文件_一篇文章学会文件上传