标签: ng-map

我需要使用硬编码值在谷歌地图上绘制多边形。我使用了 ngMap ( https://ngmap.github.io/ ) 并使用了 ngMap 的绘图管理器，因为我也希望用户动态绘制多边形。如果我使用绘图管理器，则无法使用硬编码值绘制多边形。还有另一件事，如果用户将标记放在地图上。我需要得到它的坐标。（例如：获取警告框或控制台中的坐标）。任何人都可以
在这里帮助我Plunker：http ://plnkr.co/edit/keRsKthRAwX89WOWeYwZ?p=preview

<ng-map zoom="12" center="28.623457, 77.196452"
map-type-id="ROADMAP"
street-view-control-options="{position: 'LEFT_CENTER'}">
<drawing-manager
  on-overlaycomplete="vm.onMapOverlayCompleted()"
  drawing-control-options="{position: 'TOP_CENTER',drawingModes:['polygon','marker']}"
  drawingControl="true"
  drawingMode="null"
  rectangleOptions="{fillColor:'red'}"
  circleOptions="{fillColor: '#FFFF00',fillOpacity: 1,strokeWeight: 5,clickable: false,zIndex: 1,editable: true}" >
</drawing-manager>

我正在尝试使用 ng-map 中的 ng-repeat 将地图标记动态添加到地图中，如下所示，

<div id="map-canvas">
    <ng-map default-style="true">
        <marker id='ID{{school.id}}' ng-repeat="school in vm.schools" position="{{school.location}}" on-click="vm.showDetail(school)" icon="assets/img/marker-excellent.png">
        </marker>

        <info-window id="marker-info">
            <div ng-non-bindable="">
                <h5>{{vm.school.name}}</h5>
            </div>
        </info-window>
    </ng-map>
</div>

这将创建多个具有相同标记图标的标记。我想根据 {{school.rating}} 的值使用不同的标记图标。但是，当 ng-repeat 正在执行以在地图上呈现标记时，我无法弄清楚如何根据 rating 值更改标记图标 url。

目前，我正在执行以下操作，但我认为这是一种低效的方法。

<div id="map-canvas">
    <ng-map default-style="true">
        <marker id='ID{{school.id}}' ng-if="school.overallRating >= 4.5" ng-repeat="school in filteredSchools = (search.schools | filter:boardsFilter)" position="{{school.location}}" on-click="search.showDetail(school)" icon="assets/img/marker-excellent.png">
        </marker>

        <marker id='ID{{school.id}}' ng-if="school.overallRating < 4.5 && school.overallRating >= 3.5" ng-repeat="school in filteredSchools = (search.schools | filter:boardsFilter)" position="{{school.location}}" on-click="search.showDetail(school)" icon="assets/img/marker-good.png">
        </marker>

        <marker id='ID{{school.id}}' ng-if="school.overallRating < …

在我的一个客户端项目中,我正在使用ngMap(http://ngmap.github.io/),但我对这个"指令"有疑问:如何使用标记集群和这样的地图:

<div ng-controller="MyCtrl">
      <map center="41,-87" zoom="3">

        <info-window id="foo2">
          <div ng-non-bindable="">
            Lat/Lng: {{this.getPosition()}}<br/>
            <ul>
              <li ng-repeat='item in store.items'>{{item}}</li>
            </ul>
          </div>
        </info-window>

        <marker ng-repeat="(id, store) in stores" id="{{id}}"
          position="{{store.position}}"
          on-click="showStore(event, id)"
        ></marker>
      </map>
    </div>

我搜索了示例页面和代码,但没有关于如何在我的情况下使用标记群集的文档.

有人使用这个ngmap吗？或者我需要更改谷歌地图angularjs指令？

谢谢.

我有以下代码:

<ng-map>
        <marker ng-repeat="item in items" position="{{item[4]}},{{item[5]}}" name="{{item[1]}}" on-click="showInfoWindow('myInfoWindow')">
          <info-window id="myInfoWindow">
              <h4>{{this.name}}</h4>
          </info-window>
        </marker>
</ng-map> 

问题是我看到了信息窗口,但里面的文字h4是空的而不是内容{{item[1]}}

如何在NgMap加载标记上自动打开infowindow？

这是我的代码:

<map  center="{{lat}},{{lng}}"   zoom="10" >
   <marker id="mymarker" position="{{lat}},{{lng}}"></marker>
   <info-window id="bar"> <b>Hello World!</b></info-window>
</map> 

有onload什么事要用？