Question

我正在使用ngMap 在angularjs应用程序中。 Iam显示google-map，其中包含多个标记onclick of Open map! button，地址数组中的第一个地址作为地图中心。

所有与地址相关的标记都显示正常。

但是如何自动为地址数组设置最佳缩放，这里是我从数据库中获取的这些地址，因此这些地址根据某些条件针对每个请求进行更改。

Answer 1

ngMap最近（1.10.0）包含了一个地图属性'zoom-to-include-markers'。您可以在此处找到示例https://rawgit.com/allenhwkim/angularjs-google-maps/master/testapp/map_zoom_to_include_markers.html

Answer 2

因此理想的缩放级别取决于特定的用例。您可以相应地选择相同的选项。深入解释可以在documentation中找到。

虽然，我建议视频偏向zoomChanged事件。该代码段显示了如何将其实现为角度（如建议的here）这将确保地图以所需标记为中心，您也可以使用它来适应平移区域中的所有标记。

＆＃13;

<div ng-controller="RectangleZoomCtrl" class="ng-scope">
      <map zoom="11" center="33.6803003, -116.173894" map-type-id="TERRAIN" on-zoom_changed="zoomChanged()">
        <shape name="rectangle" id="foo" stroke-color="#FF0000" stroke-opacity="0.8" stroke-weight="2" fill-color="#FF0000" fill-opacity="0.35">
        </shape>
      </map>
    </div>

＆＃13;

Angularjs - ng-map - Google Maps Javascript API v3 - 如何为多个标记设置最佳缩放

2 个答案: