Javascript 角度谷歌地图自定义标记谷歌对象

我正在使用谷歌地图，我想使用一个自定义标记。我不想让它成为一个图像。我想要这样的东西：

icon: {
          path: google.maps.SymbolPath.CIRCLE,
          scale: 12,
          fillColor: '#2677FF',
          fillOpacity: 1,
          strokeColor: '#ffffff',
          strokeOpacity: 1,
          strokeWeight: 6
}

但是我得到了一个错误，

谷歌没有定义

。我怎样才能抓住那个物体

以下是我的看法：

<ui-gmap-google-map center='map.center' zoom='map.zoom' pan='true' refresh='true'>

<ui-gmap-marker coords="map.currentPos.coords" options="map.currentPos.options" events="map.currentPos.events" idKey="map.currentPos.id" icon="map.currentPos.icon">
            </ui-gmap-marker>

</ui-gmap-google-map>

---

google.maps.SymbolPath类示例用法

var marker = new google.maps.Marker({
    position: map.getCenter(),
    icon: {
      path: google.maps.SymbolPath.CIRCLE,
      scale: 10
    },
    draggable: true,
    map: map
  });

---

google.maps.SymbolPath类示例用法

var marker = new google.maps.Marker({
    position: map.getCenter(),
    icon: {
      path: google.maps.SymbolPath.CIRCLE,
      scale: 10
    },
    draggable: true,
    map: map
  });

---

好的，我找到了方法：

uiGmapGoogleMapApi.then(function(maps){
      $scope.map.currentPos.icon = {
          path: google.maps.SymbolPath.CIRCLE,
          scale: 12,
          fillColor: '#2677FF',
          fillOpacity: 1,
          strokeColor: '#ffffff',
          strokeOpacity: 1,
          strokeWeight: 6
      }
    });

---

好的，我找到了方法：

uiGmapGoogleMapApi.then(function(maps){
      $scope.map.currentPos.icon = {
          path: google.maps.SymbolPath.CIRCLE,
          scale: 12,
          fillColor: '#2677FF',
          fillOpacity: 1,
          strokeColor: '#ffffff',
          strokeOpacity: 1,
          strokeWeight: 6
      }
    });