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

关于百度地图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。
    在这里插入图片描述
http://www.xdnf.cn/news/7251.html

相关文章:

  • 2025.5.19总结
  • 使用 Qt QGraphicsView/QGraphicsScene 绘制色轮
  • k8s集成环境中pod运行的容器退出码141故障解决方案及排查方向,其他退出码也可以参考此篇
  • Linux内核深入学习(4)——内核常见的数据结构2——红黑树
  • 多模态大语言模型arxiv论文略读(八十三)
  • 云原生时代的系统可观测性:理念变革与实践体系
  • SpringCloud——EureKa
  • DeerFlow安装配置及使用案例
  • 黑马程序员C++2024新版笔记 第三章 数组
  • 一、内存调优
  • elasticsearch之记录es7.17升级8.17 springboot2.7.0 程序改造坑
  • Spring Boot与Kafka集成实践:从入门到实战
  • LLM最后怎么输出值 解码语言模型:从权重到概率的奥秘
  • 理解硬链接和软链接:原理与实践
  • 教学网站1:《软件工程》精品课程教学网站的设计与实现(摘要和目录)
  • PLC双人舞:profinet转ethernet ip网关奏响施耐德与AB的协奏曲
  • MYSQL笔记
  • virtual下Ubuntu24.04版本上配置网络与外网和宿主机之间互通
  • iOS 蓝牙开发中的 BT 与 BLE
  • 2025毕业论文与答辩资料精选汇总
  • 32、跨平台咒语—— React Native初探
  • 已知6、7、8月月平均气温和标准差,求夏季季平均温度与标准差
  • 算法题(150):拼数
  • FreeMarker
  • 【实战】GPT-SoVITS+内网穿透:3分钟搭建可公网访问的语音克隆系统
  • 【python基础知识】Day30 模块和库的导入
  • 数据结构实验10.1:内部排序的基本运算
  • 【android bluetooth 协议分析 01】【HCI 层介绍 9】【ReadLocalSupportedCommands命令介绍】
  • 没有保安工作经验,如何备考初级保安员证的实操考试?
  • 数据分析入门指南:从历史到实践