uniapp开发微信小程序，然后现在有个需求就是能够实现点击地图上的marker，该marker可以出现一个跳动的效果，效果大概跟这个差不多：
marker动画 | 腾讯位置服务
腾讯地图开放平台为各类应用厂商和开发者提供基于腾讯地图的地理位置服务和解决方案；有针对Web应用的JavaScript API, 适合手机端Native APP的各种SDK, WebService接口和各类地图API等。
https://lbs.qq.com/webDemoCenter/glAPI/glOverlay/markerFlash
试了好多方法都不行，有没有人做过类似的啊，9敏
uniapp 点击marker，该marker跳动动画的效果应该怎么实现?
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2025-07-10 16:51要实现marker的动画效果，我们主要依赖CSS3的animation属性。CSS3动画允许我们在不同时间点改变元素的样式，从而创建动态效果。常用的动画属性包括： animation-name：指定动画名称，对应于@keyframes中定义的动画。...
- 2023-03-03 14:40还是大剑师兰特的博客 第104个本示例的目的是介绍演示如何在vue+leaflet中添加多个marker，这里的方法是将marker坐标通过循环的方式一一的添加到地图上。
- 2020-05-07 15:18本教程将详细讲解如何利用百度地图API和CSS3来实现marker的动画效果。 首先，让我们理解什么是百度地图的marker。Marker是百度地图API中的一个对象，用于在地图上表示一个具体的地理位置。它通常由一个图标和一个...
- 2023-04-19 16:11HQ8806的博客 因为我这数据是用分页处理 若是 使用index，会有重复的id，会导致在缩放地图时 有些 marker 消失，this.getStationList() 这个请求先执行，后打印经纬度，这时请求里的经纬度 就为空，是我封装的组件， v-if=“tag”...
- 2019-09-05 14:21yb305小白的博客 <!... ; charset=utf-8" /> , user-scalable=no" /> ... function ComplexCustomOverlay(point , marker){ ... this._marker = marker;...效果 源码下载地址： https://github.com/wanghongzheng/baidumap
- 2019-11-28 10:47similar718的博客 高德地图 marker点击放大事件，再点击非当前marker之前marker做动画还原成本来大小 由于UI的要求，需要在点击marker为了凸显点击的是当前marker，UI界面上做了放大的处理。 Marker marker = mAmap.addMarker...
- 2024-10-24 14:19Amarantine、沐风倩✨的博客 本文章详细的讲解了前后端代码来 实现uniapp天地图功能的实现 以及 后端海量数据的聚合查询 和网格算法实现思路。并对当数据量增加和用户频繁请求接口时可能导致服务器负载过高做了前后端优化。
- 2023-10-23 11:35阳阳华子的博客 根据文档我们知道点击marker有个maekertap事件，并且传进来的参数就是marker本身。我这里订单数据量是比较少的所以采用遍历的办法，如果大伙有更好的方法可以贴给我^^但是由于自身业务要求，我这需要的属性marker是...
- 2019-08-13 05:51为了解决这个问题，我们需要实现Marker的聚合功能。在本文中，我们将深入探讨如何在Android应用中实现高德地图的Marker聚合功能。 首先，我们来理解一下什么是Marker聚合。Marker聚合是将地理位置相近的Marker合并...
- 2023-02-14 12:49王慕寒的博客 uniapp地图的marker图标不显示问题
- 2018-06-06 17:16雨打芭蕉的博客 最近项目中有需要对百度地图Marker设置点击效果，最开始构思使用xml布局文件 View view = View.inflate(this, R.layout.activity_b, null); BitmapDescriptor bd = BitmapDescriptorFactory.fromView(view); ...
- 2024-12-23 16:27依旧山阔水江清的博客 总而言之就是可以在生成所有的marker数据后，对marker进行一次冒泡排序，选中一个值来把权重低的marker排在权重高的marker前面，这样页面上生成的高权重的marker图标就不会被低的遮盖住。最近公司开发小程序，有一个...
- 2023-04-07 02:00还是大剑师兰特的博客 第131个本示例的目的是介绍如何在vue+leaflet中显示波动的marker效果。
- 2022-05-10 16:19liuwenjie_的博客 uniapp、uniapp使用高德地图，app开发，安卓开发使用地图、高德地图、renderJs、地图标点、地图点信息展示、数据交互
- 2024-08-13 14:42菜鸟鸭梨大的博客 uniapp中map地图使用markertap显示数据 项目需求：点击地图图标时，显示该图标数据 直接上代码 在data里面定义数据 把数据在uni.getLocation里定义好arr[i]里面获取 在定义好的tapMap事件里面写逻辑 this....
- 2022-04-08 07:56算法与编程之美的博客 如何在微信小程序实现标记多个位置。 方法 1.在pages文件夹下新建image文件夹用来存放标记的图片。 2.在map标签中添加markers属性。 <map id="map" style="width: 100%; height:100%;" scale="17" markers=...
- 2020-10-26 09:28杨淑全的博客 自定义控件MarkerView ... *描述:大头针跳动效果 */ public class MarkerView extends View { public MarkerView (Context context) { this(context, null); } public MarkerView (Con..
- 2025-04-07 20:17艾路菲尔的博客 这个天坑问题，在微信开发工具上是不会显示出来的,...但是，通过重载地图的方式在地图上有逻辑时改动会相当麻烦，而且也不好判断该在什么时候重载。只要在首次赋值后给一个延时清空并重新赋值就能解决显示变形的问题。
- 2023-02-17 16:35金州的博客 解决uniapp 地图marker上的自定义气泡customCallout文字不换行的问题
- 2024-05-11 17:53Vesuvius688的博客 uniapp subNvue页面中使用 map 后发现 marker 不显示的问题及解决
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月5日
已采纳回答
10月28日-
创建了问题
10月20日