Angularjs 如何在谷歌地图角度插件中设置默认地图标记的样式

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

我使用的是2.0.X版本的

默认情况下,所有标记都是典型的谷歌地图样式(红色指针)。我想知道该怎么做——要么是形状相同,但颜色不同,要么是选择另一种形状。没有任何自定义图像/图标,只是基本但不同的颜色

插件有一个
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”-我只是错过了它应该传递的方式!谢谢看看这个例子中的这里和这里