标记不会完全显示在谷歌地图上

时间:2014-08-01 09:31:50

标签: google-maps google-maps-markers angular-google-maps

标记似乎没有在某些缩放级别完全显示。如果我向标记添加动画,它们都显示正常。

没有动画:
enter image description here
动画: enter image description here

加价:

 <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
- 角度/角度 - 谷歌地图

0 个答案:

没有答案