1

Google マップ V3 でマーカー、円、infoWindows などを作成する方法を知っています。緯度/経度、半径、そしてもちろん中心から始まり、特定の半径で消える色で円を作成する方法を知る必要があります。再び同じ。モバイル アプリケーションと同様です。

任意の iPhone/Android で Google マップを起動すると、現在の場所が表示され、円が表示されたり消えたりします。Web アプリケーションでそのタイプの円が必要です。

私のアプリケーションでは現在、ズームレベルをチェックしており、以下のコードでマップ上の円を表示/非表示にしています。モバイル アプリケーション マップ。ヒントはありますか？

data = $.parseJSON(data);
google.maps.visualRefresh = true;

var draw_circle = [];
var count = data.length;
google.maps.event.addListener(map, 'zoom_changed', function() {
    var zoomLevel = map.getZoom();
    if(zoomLevel >= 15){
       $.each(data, function(i,j){ 
        var marker = new google.maps.LatLng($(j).attr('lat'),$(j).attr('lng'));
        var strokeColor = ($(j).attr('colName') == 0) ? '#FF0000' : '#00ff7f';
                    if(draw_circle[i] == null){
                        draw_circle[i] = new google.maps.Circle({
                            center: marker,
                            radius: parseInt($(j).attr('gft')),
                            strokeColor: strokeColor,
                            strokeOpacity: 0.6,
                            strokeWeight: 2,
                            fillColor: strokeColor,
                            fillOpacity: 0.35,
                            map: map
                        });
                    }
                });
            }else if(zoomLevel >= 0 && zoomLevel < 15){
                for(var a = 0; a < count; a++){
                    if(draw_circle[a] != null){
                        draw_circle[a].setMap(null);
                        draw_circle[a] = null;
                    }
                }     
            }
        });
4

0 に答える 0