特定のズーム レベルでは、マーカーが完全に表示されないようです。マーカーにアニメーションを追加すると、すべて正常に表示されます。
アニメーションなし:
アニメーションあり:
マークアップ:
<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