Angularjs 如何在谷歌地图角度插件中设置默认地图标记的样式
我使用的是2.0.X版本的 默认情况下,所有标记都是典型的谷歌地图样式(红色指针)。我想知道该怎么做——要么是形状相同,但颜色不同,要么是选择另一种形状。没有任何自定义图像/图标,只是基本但不同的颜色 插件有一个Angularjs 如何在谷歌地图角度插件中设置默认地图标记的样式,angularjs,google-maps-api-3,google-maps-markers,Angularjs,Google Maps Api 3,Google Maps Markers,我使用的是2.0.X版本的 默认情况下,所有标记都是典型的谷歌地图样式(红色指针)。我想知道该怎么做——要么是形状相同,但颜色不同,要么是选择另一种形状。没有任何自定义图像/图标,只是基本但不同的颜色 插件有一个options属性,它引用的是google.maps.MarkerOptions- 图标 类型:用于前景的字符串|图标|符号图标。 如果是字符串 如果提供,则将其视为带有字符串的图标 作为url 我试过这样应用 var pointObject = { //other props opti
options
属性,它引用的是google.maps.MarkerOptions
-
图标
类型:用于前景的字符串|图标|符号图标。
如果是字符串
如果提供,则将其视为带有字符串的图标
作为url
我试过这样应用
var pointObject = {
//other props
options: {
draggable: false,
icon: FORWARD_OPEN_ARROW //here
},
active: false
};
$scope.points.push(pointObject);
但这不起作用。这是我更改标记的解决方案: 在HTML中:
<md-whiteframe flex="grow" layout-margin>
<ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options">
<ui-gmap-marker idKey="1" coords="marker.coords" options="marker.options">
</ui-gmap-marker>
</ui-gmap-google-map>
</md-whiteframe>
uiGmapGoogleMapApi.then(function(maps) {
$scope.map = {
center: {
latitude: 43.6091569,
longitude: 57.4442909
},
zoom: 13,
options: {
scrollwheel: false,
streetViewControl: false,
draggable: isDraggable,
}
};
$scope.marker = {
coords : {
latitude: 47.6091569,
longitude: 33.4442909
},
options: {
icon: '/marker.png',
}
};
$scope.window = {...};
});
记住在控制器中注入uiGmapGoogleMapApi谷歌提供了一些常量,您可以将其用于图标 在控制器中,使用以下命令:
uiGmapGoogleMapApi
.then(function (maps) {
$scope.map = { center: { latitude: 47, longitude: 33 }, zoom: 14 };
$scope.personMarker = {
id : 'personMarkerId', //must be unique
options: {
// more options: https://developers.google.com/maps/documentation/javascript/3.exp/reference#SymbolPath
icon: { path: maps.SymbolPath.CIRCLE, scale: 10 }
}
};
})
以及您的HTML:
<ui-gmap-google-map ng-if="map.center" center="map.center" zoom="map.zoom">
<ui-gmap-marker coords="map.center" options="personMarker.options" idKey="personMarker.id">
</ui-gmap-marker>
</ui-gmap-google-map>
是否有避免使用自定义图像(如“/marker.png”)的选项?我只想设置颜色(或形状,如果可能的话)是的,这是可能的,例如你可以设置图标:{path:google.maps.SymbolPath.CIRCLE,scale:10},是的,就是它“google.maps.SymbolPath.CIRCLE”-我只是错过了它应该传递的方式!谢谢看看这个例子中的这里和这里