我有一个场景,我必须在 map 上显示所有标记。我使用的是 Angular 图,我能够看到所有标记,但缩放级别无法控制。我无法限制显示三个 map 副本的缩放级别。我创建了一个 plunker .
我怎样才能显示所有可见的标记。谁能帮我解决这个问题。
<map zoom-to-include-markers="auto" center="[{{ center.lat }}, {{ center.lng }}]">
<marker position="[{{ center.lat }}, {{ center.lng }}]"></marker>
<marker ng-repeat="result in results track by $index" position="[{{ result.lat }}, {{ result.lng }}]"></marker>
</map>
$scope.results = [
{"lat":17.51081384,"lng":78.35414886},
{"lat":17.49018563,"lng":78.39860916},
{"lat":38.50795202,"lng":-121.503544},
{"lat":38.50795044,"lng":-121.50354534},
{"lat":38.50794677,"lng":-121.50354065},
{"lat":40.75376321,"lng":-73.9868018},
{"lat":68.39918004,"lng":101.6015625},
{"lat":17.4140375,"lng":78.40826511},
{"lat":17.5124509,"lng":78.37766647},
{"lat":17.36538432,"lng":78.55173111},
{"lat":17.40805893,"lng":78.4905982},
{"lat":17.51048643,"lng":78.35294724},
{"lat":17.51277831,"lng":78.35483551},
{"lat":17.41845987,"lng":78.49113464},
{"lat":82.58610635,"lng":-31.9921875},
{"lat":-20.30341752,"lng":-56.77734375},
{"lat":27.05912578,"lng":2.28515625}
];
最佳答案
您无法避免 google map 重复 -> 对此没有解决方案,因为这是 google map 的一项功能。
这取决于 map 分辨率。这是一个plunker带有一张包含不同格式的小 map 。重复是谷歌地图的一项功能。您可以尝试强制设置 map 的格式,以免重复出现。请记住,用户始终可以通过向东或向西滚动来查看重复的 map 。
<div style="width:250px;height:100px">
<map zoom-to-include-markers="auto" center="[{{ center.lat }}, {{ center.lng }}]">
<marker position="[{{ center.lat }}, {{ center.lng }}]"></marker>
<marker ng-repeat="result in results track by $index" position="[{{ result.lat }}, {{ result.lng }}]"></marker>
</map>
</div>
关于angularjs - 基于所有标记的 ngMap 缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41145007/