我要实现的目标是,当我创建一个新的标记时,它应该具有不同的颜色。这就是我的$ scope。
$scope.addRoute = function() {
console.log('addRoute');
var marker2 = new google.maps.Marker(
{
position: {lat: 52.02, lng: 10.56},
visible:true,
icon:'',
map: map,
draggable: true
});
directionsDisplay.setMap(map);
};
使用符号
在您现有的$scope.addRoute
功能中代替icon:''
使用generateIcon()
。
var marker = new google.maps.Marker({
position : {
lat : 52.02,
lng : 10.56
},
visible : true,
icon : generateIcon(),
map : map,
draggable : true
});
您将需要在控制器中添加此功能。
function generateIcon() {
//http://map-icons.com/ for svg path
return {
path : 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z',
scale : 0.5,
fillColor : '#' + (Math.random() * 0xFFFFFF << 0).toString(16),
fillOpacity : 100,
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句