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

关于百度地图JSAPI自定义标注的图标显示不完整的问题(其实只是因为图片尺寸问题)

  1. 下载了几个阿里矢量图标库里的图标作为百度地图的自定义图标,结果百度地图显示的图标一直不完整。
  2. 下载的PNG图标已经被正常引入到前端代码,anchor也设置为了图标底部中心,结果还是显示不完整。
     if (iconUrl) {const icon = new mapClass.Icon(iconUrl, new mapClass.Size(23, 25), {anchor: new mapClass.Size(10, 25) });marker.setIcon(icon);}

在这里插入图片描述

  1. 然后用ps打开PNG图标,发现从阿里矢量图标库下载的图标默认大小是200×200,所以百度地图只显示了图标的左上角的一小部分,所以地图上面看不到图标。
    在这里插入图片描述
  2. 按照前端的代码,在ps里修改图像大小并导出,替换前端引入的PNG图标,这下可以正常显示了。
    在这里插入图片描述
    PS:后面又发现阿里矢量图标库导出时不仅可以替换想要的颜色,也是可以更改大小的[苦笑],只不过默认大小是200×200。
    在这里插入图片描述

相关文章:

  • 交叉引用、多个参考文献插入、跨文献插入word/wps中之【插入[1-3]、连续文献】
  • AcWing 223. 阿九大战朱最学——扩展欧几里得算法
  • 高性能锁机制 CAS:Java 并发编程中的深度剖析
  • 一、内存调优
  • 低功耗:XILINX FPGA如何优化功耗?
  • 人工智能(AI)与BIM:建筑业创新实践的深度融合
  • 供应商管理有哪些风险点?
  • C++11特性
  • HTML向四周扩散背景
  • DriveGenVLM:基于视觉-语言模型的自动驾驶真实世界视频生成
  • C#中的ThreadStart委托
  • 代理IP高可用性与稳定性方案:负载均衡、节点健康监测与智能切换策略
  • LLaMA-Factory:了解webUI参数
  • 【hive】hive内存dump导出hprof文件
  • 虚幻引擎5-Unreal Engine笔记之什么时候新建GameMode,什么时候新建关卡?
  • solidity智能合约-知识点
  • 开源音视频转文字工具:基于 Vosk 和 Whisper 的多语言语音识别项目
  • B/S架构和C/S架构的介绍与分析
  • 如何在LVGL之外的线程更新UI内容
  • 从纸质契约到智能契约:AI如何改写信任规则与商业效率?​——从智能合约到监管科技,一场颠覆传统商业逻辑的技术革命
  • 中方是否担忧美国主权信用评级下调?外交部:美国应采取负责任的政策措施
  • 最高法:依法惩治损害民营企业合法权益的串通投标行为
  • 上海迪士尼蜘蛛侠主题园区正式动工,毗邻“疯狂动物城”
  • 上海百年龙华码头开启新航线,弥补浦江游览南段空缺
  • 义乌至迪拜“铁海快线+中东快航”首发,物流成本降低18%
  • AG600“鲲龙”批生产首架机完成生产试飞