angularjs - 如何删除 ngMap 上的默认 A B 标记

标签 angularjs google-maps ng-map

我在我的 Angular 应用程序中使用了 ng-map。在我的 map 中,我使用了方向,但我不需要 A 和 B 点。请帮我隐藏这些标记。
我有一个 solution
但这对 ng-map 没有帮助。
这就是我如何应用它。

<ng-map zoom="14"
    center="1135 Karamea-Kohaihai Rd, Kahurangi National Park, Tasman"
    style="height:90%" >
    <directions
      draggable="true"
      panel="p2"
      travel-mode="DRIVING"
      origin="1135 Karamea-Kohaihai Rd, Kahurangi National Park, Tasman"
      destination="Pier St, Jackson Bay, West Coast, New Zeland" suppressMarkers='true'>
    </directions>
    <custom-marker id="start"
      position="1135 Karamea-Kohaihai Rd, Kahurangi National Park, Tasman">
      <div> Start point </div>
    </custom-marker>
    <custom-marker id="end"
      position="Pier St, Jackson Bay, West Coast, New Zeland">
      <div> Ends point </div>
    </custom-marker>
  </ng-map>

或者我没有正确使用它。
检查这个 plunker .
帮助

最佳答案

如果您添加,则不会显示标记图标
suppress-markers="true"<directions>如下。

<ng-map zoom="14"
        center="1135 Karamea-Kohaihai Rd, Kahurangi National Park, Tasman"
        style="height:90%" >
        <directions
          draggable="true"
          suppress-markers="true"
          panel="p2"
          travel-mode="DRIVING"
          origin="1135 Karamea-Kohaihai Rd, Kahurangi National Park, Tasman"
          destination="Pier St, Jackson Bay, West Coast, New Zeland" suppressMarkers='true'>
        </directions>
        <custom-marker id="start"
          position="1135 Karamea-Kohaihai Rd, Kahurangi National Park, Tasman">
          <div> Start point </div>
        </custom-marker>
        <custom-marker id="end"
          position="Pier St, Jackson Bay, West Coast, New Zeland">
          <div> Ends point </div>
        </custom-marker>
      </ng-map>


options.suppressMarkers = true;就在之前 var renderer = new google.maps.DirectionsRenderer(options);ng-map.js

关于angularjs - 如何删除 ngMap 上的默认 A B 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36807409/

相关文章:

angularjs - 如何解决Angular中 Controller 多参数形式?

google-maps - 来自经纬度的谷歌地图地址

java - 在 GWT 上使用谷歌地图时出现问题

javascript - angularjs 的 ng 映射中的距离

php - 如何根据mysql数据库记录对angularjs中的记录进行分组

javascript - AngularJS - 传递给 Controller ​​的状态名称不起作用

javascript - Angular Js - 避免在 ng-repeat 中重复

java - 迁移 androidX 后无法实例化 fragment com.google.android.gms.maps.SupportMapFragment

javascript - ngMaps : InvalidValueError: setPlace: not an Object

javascript - 如何禁用 ng-map 上的卫星和地形选项?