0

特定のズーム レベルでは、マーカーが完全に表示されないようです。マーカーにアニメーションを追加すると、すべて正常に表示されます。

アニメーションなし:
ここに画像の説明を入力
アニメーションあり: ここに画像の説明を入力

マークアップ:

 <google-map control="map.control" events="map.events" center="map.center" zoom="map.zoom" options="map.options" draggable="{{map.draggable}}">
                    <layer ng-repeat="sa in buur.selected.areas" type="KmlLayer" options="sa.kmlOptions" ></layer>
                    <marker ng-repeat="marker in map.markers" coords="marker.coords"   options="marker.options"></marker>
   </google-map> 

私のマーカーのオプション :

   var defaultMarker = {

                        options: {
                            icon :{
                                url: 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|'+ color.substring(1),
                                size: new google.maps.Size(71, 71),
                                origin: new google.maps.Point(0, 0),
                                anchor: new google.maps.Point(17, 34),
                                scaledSize: new google.maps.Size(15, 15)
                            }



                        },
                        coords: {"latitude": location.lat, "longitude": location.lng}
                    };

私が試したこと:
- ブートストラップを無効 にする
- マーカー オプションを変更する - マーカー オプション
に z-index を追加する
- マップを更新する

使用される関連技術:
- ブートストラップ 3
- angular / angular-google-maps

4

0 に答える 0