google-maps - Google マップのアニメーション ヒート マップ

Question

Google マップ用に設定したヒート マップをアニメーション化できるかどうか疑問に思っていました。Google マップをセットアップしてヒート マップを追加するのは簡単でした。しかし、それはかなり退屈に見えます。ヒート マップにある種のパルス エフェクトを追加したかったのです。ありがとう

Answer 1

ヒート マップ レイヤーの半径サイズを変更することで、一種のパ​​ルス効果を作成できます。

var smallRadiusまず、 andを作成しvar bigRadiusて値を設定しましょう。例えばsmallRadius = 40; bigRadius = 80;

次に、半径のサイズを に追加してvar mapOptions に設定しますsmallRadius。

次にanimateRadius()、半径の値を から に変更する関数を作成smallRadiusします。bigRadiussmallRadiussmallRadius

次に、関数を で囲むことにより、関数を毎秒実行するように設定しますsetInterval()。

だから基本的にこれ：

var smallRadius = 40;
var bigRadius = 80;

    var mapOptions = {
            zoom: 13,
            center: new google.maps.LatLng(37.774546, -122.433523),
            mapTypeId: google.maps.MapTypeId.SATELLITE,
            radius: smallRadius
        };

//animate radius function

setInterval(function animateRadius()
         {
             if (heatMap.get('radius') === smallRadius)
            {
                heatMap.set('radius', bigRadius);
            }
            else
            {
                heatMap.set('radius', smallRadius);
            }
         }, 1000); // changes radius every 1 second

明らかに、smallRadiusandbigRadiusを任意の値に変更できます。