Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript NgMap群集在缩放后更改标记颜色_Javascript_Google Maps_Marker_Ng Map - Fatal编程技术网

Javascript NgMap群集在缩放后更改标记颜色

Javascript NgMap群集在缩放后更改标记颜色,javascript,google-maps,marker,ng-map,Javascript,Google Maps,Marker,Ng Map,我想更改标记的颜色。我正在使用ng map显示地图。我还在这个库中使用集群选项 我的问题是:我可以更改标记颜色,我可以看到,但一旦我开始缩放,标记颜色将更改为默认颜色(红色) 这是我的代码: <ng-map zoom-to-include-markers="auto" id="map" map-type-id="ROADMAP" street-view-control-options="{position: 'LEFT_CENTER'

我想更改标记的颜色。我正在使用
ng map
显示地图。我还在这个库中使用集群选项

我的问题是:我可以更改标记颜色,我可以看到,但一旦我开始缩放,标记颜色将更改为默认颜色(红色)

这是我的代码:

<ng-map zoom-to-include-markers="auto" 
         id="map"
         map-type-id="ROADMAP"
         street-view-control-options="{position: 'LEFT_CENTER'}">

   <marker ng-repeat="p in paths" position="{{p.positions}}" icon="{{p.icon}}"></marker>

</ng-map>

这是群集代码:

NgMap.getMap().then(function (map) {
                for (var i = 0; i < $scope.paths.length; i++) {
                    var latLng = new google.maps.LatLng($scope.paths[i].positions[0], $scope.paths[i].positions[1]);
                    $scope.dynMarkers.push(new google.maps.Marker({position: latLng}));
                }
                $scope.markerClusterer = new MarkerClusterer(map, $scope.dynMarkers, {});
            });
NgMap.getMap().then(函数(map){
对于(变量i=0;i<$scope.path.length;i++){
var latLng=new google.maps.latLng($scope.path[i].positions[0],$scope.path[i].positions[1]);
$scope.dynMarkers.push(新的google.maps.Marker({position:latLng}));
}
$scope.markerClusterer=新的markerClusterer(map,$scope.dynMarkers,{});
});
我解决了这个问题

如果任何人有相同的问题,解决方法是在推送新标记时添加
图标
字段:

NgMap.getMap().then(function (map) {
                for (var i = 0; i < $scope.paths.length; i++) {
                    var latLng = new google.maps.LatLng($scope.paths[i].positions[0], $scope.paths[i].positions[1]);
                    $scope.dynMarkers.push(new google.maps.Marker({position: latLng, icon: $scope.paths[i].icon}));
                }
                $scope.markerClusterer = new MarkerClusterer(map, $scope.dynMarkers, {});
            });
NgMap.getMap().then(函数(map){
对于(变量i=0;i<$scope.path.length;i++){
var latLng=new google.maps.latLng($scope.path[i].positions[0],$scope.path[i].positions[1]);
$scope.dynMarkers.push(新的google.maps.Marker({position:latLng,icon:$scope.path[i].icon}));
}
$scope.markerClusterer=新的markerClusterer(map,$scope.dynMarkers,{});
});