角谷歌地图答案

【问题标题】：Angular google Maps角谷歌地图
【发布时间】：2013-11-18 15:55:38
【问题描述】：

您好，我目前正在研究角度谷歌地图https://github.com/dylanfprice/angular-gm 我在设置边界和地图中心时遇到困难

 <gm-map gm-map-id="'infoWindows'" gm-center="options.map.center"  gm-zoom="options.map.zoom" gm-bounds="bounds" gm-map-options="options.map" class="map">
            <gm-markers gm-objects="clinics"
                        gm-get-lat-lng="{ lat: object.practice.latitude, lng: object.practice.longitude }"
                        gm-get-marker-options="{ title: object.practice.name }"
                        gm-on-click="clk = object; infoWindow.open(marker.getMap(), marker);">
            </gm-markers>
          </gm-map>

【问题讨论】：

标签： javascript google-maps angularjs

【解决方案1】：

确保您的地图已加载。

因此强烈建议使用 Promise。

  var gmapPromise = angulargmContainer.getMapPromise('<mapId>');

  gmapPromise.then(function(gmap) {
    $scope.myGoogleMap = gmap;
  });

在你的情况下是'infoWindows'。

由于您的问题中上下文较少，我无法真正回答您的特定代码有什么问题，但我会给您一些总是有用的 sn-p：

$scope.updateGoogleMap = function(map, options) {
    // triggers a resize of the map and sets the correct center position
    // requires a google map object and a google maps mapOptions object
    $timeout(function(){
        google.maps.event.trigger(map, 'resize');
        map.setOptions(options);
    });
};

Google 地图的 mapOption 对象如下所示：

{
 center: new google.maps.LatLng(47.123, 10.123),
 zoom: 3,
 mapTypeId: google.maps.MapTypeId.ROADMAP
}

由于 ng-hide/show 会导致一些谷歌地图调整不当行为，您可能想在切换视图时调用它。

**顺便说一句，如果您使用带有有效google.maps.MapOptions 的gm-map-options 标签，则不需要额外的“gm-bounds”、“gm-zoom”或“gm-”中心论点

【讨论】：