[英]Angular google maps custom Icon only works when marker is updated
當我添加帶有圖標的標記時,它會顯示為默認標記,但是當我在一段時間內更新該位置時,它會開始顯示為我想要的自定義圖標。
map.html
<ui-gmap-google-map center="map.center"
control="map.control"
zoom="map.zoom"
options="map.options"
bounds="map.bounds"
draggable="true">
<ui-gmap-markers
models="markerArray"
coords="'self'"
icon="'icon'">
</ui-gmap-markers>
</ui-gmap-google-map>
map.js / addMarker (放置標記,默認圖標)
function addMarker(markerId, latitude, longitude, icon, iconSize) {
markerIconSize = new google.maps.Size(iconSize[0],iconSize[1]);
var marker = {
id: markerId,
latitude: latitude,
longitude: longitude,
icon: {
url: icon,
scaledSize: markerIconSize
}
};
$scope.markers.push(marker);
$scope.markerArray = $scope.markers;
}
map.js / updateMarker (用自定義圖標更新coord。)
function updateMarker(markerId,latitude,longitude) {
var marker = _.find($scope.markerArray, function(marker) {
return marker.id = markerId;
});
marker.latitude = latitude;
marker.longitude = longitude;
}
我能想到的幾件事情:嘗試對圖標網址進行硬編碼,看看是否有效。 然后嘗試拆分標記聲明,所以:
var marker;
var markerOptions = {
id: markerId,
latitude: latitude,
longitude: longitude,
icon: {
url: icon,
scaledSize: markerIconSize
}
};
marker = new google.maps.Marker(markerOptions);
$scope.markers.push(marker);
$scope.markerArray = $scope.markers;
這就是我使地圖工作的方式,只是給你一個建議。 希望它也適合你。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.