Angularjs 使用方向（角度）时，如何更改Google地图上的pin文本？

我想更改图标文本A、B、C。。。（）在使用说明时指向其他内容

这是代码的一部分

<directions 
  polyline-options='{strokeColor: "green"}'
  draggable="true"
  waypoints="{{wayPoints}}"
  suppress-markers="false"
  origin="51.546550, 0.026345"
  destination="51.5493953, 0.0412878">
</directions>

---

谢谢你的帮助

<代码>方向>代码>指令不支持这样的定制，相反，您可以考虑以下解决方案：

• 例如，利用定义带有关联标签的标记
• 将

  suppressMarkers

  属性设置为的

  true

  显示自定义标记而不是默认标记的步骤

范例

angular.module（'mapApp'，['ngMap']））
.controller（“mapCtrl”，函数（$scope，NgMap，$timeout）{
$scope.options={
“目的地”：“纽约”，
“起源”：“芝加哥”，
“travelMode”：“驾驶”
};
NgMap.getMap（）.then（函数（mapInstance）{
$scope.map=mapInstance；
updateRoute（$scope.map，$scope.options）；
});
var setMarker=功能（地图、位置、标签）{
变量标记=新标记WithLabel({
职位:pos,，
地图：地图，
标签内容：标签，
labelAnchor：新的google.maps.Point（15,65），
labelClass:“labels”，//标签的CSS类
});
};
var updateRoute=函数（映射、选项）{
var renderer=new google.maps.DirectionsRenderer（选项）；
setMap（map）；
setOptions（{suppressMarkers:true}）；
var directionsService=new google.maps.directionsService（）；
路由（选项、功能（响应、状态）{
if（status==google.maps.directionstatus.OK）{
$timeout（函数（）{
设置方向（响应）；
var leg=response.routes[0]。legs[0]；
setMarker（$scope.map，leg.start\u位置，leg.start\u地址）；
setMarker（$scope.map，leg.end\u位置，leg.end\u地址）；
});
}
});
};
});
.labels{
颜色：绿色；
背景色：白色；
字体系列：“Lucida Grande”，“Arial”，无衬线；
字体大小：16px；
字体大小：粗体；
文本对齐：居中；
空白：nowrap；
}