Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度谷歌地图_Javascript_Google Maps_Angularjs - Fatal编程技术网

Javascript 角度谷歌地图

Javascript 角度谷歌地图,javascript,google-maps,angularjs,Javascript,Google Maps,Angularjs,嗨,我目前正在谷歌地图上工作 我在设置边界和地图中心时遇到困难 <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-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>

确保地图已加载

因此,强烈建议使用承诺

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

  gmapPromise.then(function(gmap) {
    $scope.myGoogleMap = gmap;
  });
Google Maps mapOption对象如下所示:

{
 center: new google.maps.LatLng(47.123, 10.123),
 zoom: 3,
 mapTypeId: google.maps.MapTypeId.ROADMAP
}
由于ng hide/show会导致一些google地图调整大小的错误行为,所以在切换视图时可能需要调用此选项

**顺便说一下,如果您使用的是带有有效参数的gm-map-options标记,则不需要额外的“gm-bounds”、“gm-zoom”或“gm-center”参数

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