blocks|key|4056023|text|这是一个圆圈方法的例子--首先是录音，然后是代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4056024|半径增长在这里是线性的，但在你的例子中显然是一个不同的函数(它随着扩展而变慢)，所以你需要使用它。|4056025|​|4056026|📷|atomic|offset|length|4056027|4056028|public+void+pulseCircleTest()+{

++++//+arbitrary+point
++++LatLng+pt+=+new+LatLng(39.171755,+-86.510632);

++++//+move+map+to+point+of+interest
++++CameraPosition+cp+=+CameraPosition.builder().target(pt).zoom(8.0F).build();
++++mMap.animateCamera(CameraUpdateFactory.newCameraPosition(cp));

++++//+create+a+circle+and+start+animation
++++int+color+=+Color.BLUE;
++++float+initialRadius+=+10;
++++float+maxRadius+=+20000f;
++++CircleOptions+co+=+new+CircleOptions().center(pt).radius(initialRadius).strokeColor(color).fillColor(color).strokeWidth(1.0f);
++++Circle+c+=+mMap.addCircle(co);
++++Circle+c2+=+mMap.addCircle(co);

++++final+Handler+h+=+new+Handler();
++++h.postDelayed(new+Fader(h,c,+initialRadius,+maxRadius,+Color.BLUE,+co),+300);
++++h.postDelayed(new+Fader(h,c2,+initialRadius,+maxRadius,+Color.BLUE,+co),+750);
}

private+class+Fader+implements+Runnable+{
++++private+float+radius,+initialRadius,+maxRadius;
++++private+int+baseColor,+color,+initialColor;
++++private+Handler+h;
++++private+Circle+c;
++++private+float+radiusJump+=+400;
++++int+numIncrements,+alphaIncrement;
++++private+CircleOptions+co;

++++public+Fader(Handler+h,+Circle+c,+float+initialRadius,+float+maxRadius,+int+initialColor,+CircleOptions+co)+{
++++++++this.initialRadius+=+initialRadius;
++++++++this.initialColor+=+initialColor;
++++++++this.maxRadius+=+maxRadius;
++++++++this.h+=+h;
++++++++this.c+=+c;
++++++++this.co+=+co;
++++++++reset();
++++}

++++private+void+reset()+{
++++++++radius+=+initialRadius;
++++++++this.color+=+initialColor;
++++++++this.baseColor+=+initialColor;
++++++++numIncrements+=+(int)((maxRadius+-+initialRadius)+/+radiusJump);
++++++++alphaIncrement+=+0x100+/+numIncrements;
++++++++if+(alphaIncrement+<=+0)+alphaIncrement+=+1;
++++}

++++public+void+run()+{
++++++++int+alpha+=+Color.alpha(color);
++++++++radius+=+radius+%2B+radiusJump;
++++++++c.setRadius(radius);
++++++++alpha+-=+alphaIncrement;
++++++++color+=+Color.argb(alpha,+Color.red(baseColor),+Color.green(baseColor),+Color.blue(baseColor));
++++++++c.setFillColor(color);
++++++++c.setStrokeColor(color);

++++++++if+(radius+<+maxRadius)+{
++++++++++++h.postDelayed(this,+25);
++++++++}+else+{
++++++++++++c.remove();
++++++++++++reset();
++++++++++++c+=+mMap.addCircle(co);
++++++++++++h.postDelayed(this,+2000);
++++++++}

+++++++//done
++++}
}|code-block|syntax|javascript|4056029|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/1abdde1e5fb65b48c24ba361af3b0da3.gif|imageAlt^0|0|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|11|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@$I|13|J|14|1|15]]|A|$]]|$1|K|3|E|5|6|7|16|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|17|8|@]|9|@]|A|$O|P]]|$1|Q|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X|Y|-4]]]]

Here's an example of the circle approach - first the recording followed by the code.

The radius growth is linear here but is obviously a different function in your example (it slows down as it expands) so you'll need to work with that. 

<a href="https://i.stack.imgur.com/USpL8.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/USpL8.gif" alt="enter image description here"></a>

<pre><code>public void pulseCircleTest() {

 // arbitrary point
 LatLng pt = new LatLng(39.171755, -86.510632);

 // move map to point of interest
 CameraPosition cp = CameraPosition.builder().target(pt).zoom(8.0F).build();
 mMap.animateCamera(CameraUpdateFactory.newCameraPosition(cp));

 // create a circle and start animation
 int color = Color.BLUE;
 float initialRadius = 10;
 float maxRadius = 20000f;
 CircleOptions co = new CircleOptions().center(pt).radius(initialRadius).strokeColor(color).fillColor(color).strokeWidth(1.0f);
 Circle c = mMap.addCircle(co);
 Circle c2 = mMap.addCircle(co);

 final Handler h = new Handler();
 h.postDelayed(new Fader(h,c, initialRadius, maxRadius, Color.BLUE, co), 300);
 h.postDelayed(new Fader(h,c2, initialRadius, maxRadius, Color.BLUE, co), 750);
}

private class Fader implements Runnable {
 private float radius, initialRadius, maxRadius;
 private int baseColor, color, initialColor;
 private Handler h;
 private Circle c;
 private float radiusJump = 400;
 int numIncrements, alphaIncrement;
 private CircleOptions co;

 public Fader(Handler h, Circle c, float initialRadius, float maxRadius, int initialColor, CircleOptions co) {
 this.initialRadius = initialRadius;
 this.initialColor = initialColor;
 this.maxRadius = maxRadius;
 this.h = h;
 this.c = c;
 this.co = co;
 reset();
 }

 private void reset() {
 radius = initialRadius;
 this.color = initialColor;
 this.baseColor = initialColor;
 numIncrements = (int)((maxRadius - initialRadius) / radiusJump);
 alphaIncrement = 0x100 / numIncrements;
 if (alphaIncrement &lt;= 0) alphaIncrement = 1;
 }

 public void run() {
 int alpha = Color.alpha(color);
 radius = radius + radiusJump;
 c.setRadius(radius);
 alpha -= alphaIncrement;
 color = Color.argb(alpha, Color.red(baseColor), Color.green(baseColor), Color.blue(baseColor));
 c.setFillColor(color);
 c.setStrokeColor(color);

 if (radius &lt; maxRadius) {
 h.postDelayed(this, 25);
 } else {
 c.remove();
 reset();
 c = mMap.addCircle(co);
 h.postDelayed(this, 2000);
 }

 //done
 }
}
</code></pre>

How can I add this type of animation in google map marker in android?

If user tap icon for more than two second then marker clickable 

How can set this in android? 

<a href="https://i.stack.imgur.com/ZxvW2.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZxvW2.gif" alt="enter image description here"></a>

How can animated marker google map like shown in image in android?

如何在android的google地图标记中添加这种类型的动画？如果用户点击图标超过两秒，则标记可点击如何在android中进行设置？​​

问如何在android中动态标记谷歌地图，如图所示？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在android中动态标记谷歌地图，如图所示？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在android中动态标记谷歌地图，如图所示？
EN