gpt4 book ai didi

angularjs - 使用 angular-google-maps 设置 Google map 范围

转载 作者:行者123 更新时间:2023-12-03 06:48:10 25 4
gpt4 key购买 nike

我正在尝试在 Google map 实例中设置边界,但没有成功。我正在使用 AngularJS 和 angular-google-maps 模块。我最后一次尝试是:

<div id="map_canvas">
<ui-gmap-google-map
center="map.center"
zoom="map.zoom"
bounds="map.bounds"
options="options">

<div ng-repeat="d in devicesMarkers track by d.id">

<ui-gmap-marker
idkey="d.id"
coords="d.center"
options="d.options">
</ui-gmap-marker>
<ui-gmap-circle
center="d.center"
stroke="d.circle.stroke"
fill="d.circle.fill"
radius="d.circle.radius"
visible="d.options.visible">
</ui-gmap-circle>

</div>

</ui-gmap-google-map>
</div>

在我的 app.js 中我写道:

(...)
.controller('TaihMapController', ['$scope', '$log', 'uiGmapGoogleMapApi', function($scope, $log, GoogleMapApi) {
$scope.devicesMarkers = devices;
$scope.map = {
center: { latitude: devices[0].center.latitude, longitude: devices[0].center.longitude },
zoom: 12,
bounds: {}
// fit: true,
};
GoogleMapApi.then(function(maps) {
$log.debug(maps);
var myBounds = new maps.LatLngBounds();
for (var k = 0; k < devices.length; k++) {
var _tmp_position = new maps.LatLng(
devices[k].center.latitude,
devices[k].center.longitude);
myBounds.extend(_tmp_position);
}
$scope.map.bounds = myBounds;
$scope.googleVersion = maps.version;
// $scope.bounds = myBounds;
// $scope.zoom = maps.getZoom();
// maps.fitBounds(myBounds);
// $scope.bounds = maps.getBounds();

});

函数maps.fitBounds()不存在。我尝试了 $scope.map.bounds 方法,但没有按照我的想法做出响应。

最佳答案

如果您使用 angular-google-map 的“markers”指令,只需添加 fit="true"属性 (ui-gmap-markers)。

示例:

<ui-gmap-google-map center="map.center" zoom="map.zoom" options="map.options">
<ui-gmap-markers fit="true" models="markers" coords="'self'"></ui-gmap-markers>
</ui-gmap-google-map>

来源: https://stackoverflow.com/a/29707965

关于angularjs - 使用 angular-google-maps 设置 Google map 范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29478220/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com