标记似乎没有完全显示在某些缩放级别。如果我向标记添加动画,它们都显示正常。
无动画:
有动画:
标记:
<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 添加到标记选项
- 刷新地图
使用的相关技术:
- bootstrap 3
- angular / angular-google-maps