1

我知道如何在 Google Maps V3 中创建标记、圆圈、infoWindows 等。我需要知道如何创建一个带有 Lat/Lng、半径的圆圈，当然还有一些从中心开始的颜色，然后以一定的半径消失并做同样的。就像在移动应用程序中一样。

当我们在任何 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