Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.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
Angularjs 基于所有标记的ngMap缩放_Angularjs_Google Maps_Google Maps Api 3_Ng Map - Fatal编程技术网

Angularjs 基于所有标记的ngMap缩放

Angularjs 基于所有标记的ngMap缩放,angularjs,google-maps,google-maps-api-3,ng-map,Angularjs,Google Maps,Google Maps Api 3,Ng Map,我有一个场景,我必须在地图上显示所有的标记。我使用角度贴图我可以看到所有的标记,但缩放级别失控。我无法限制缩放级别,因为它显示了三份地图副本。我创造了一个新的世界 如何显示所有可见的标记。谁能帮我一下吗 <map zoom-to-include-markers="auto" center="[{{ center.lat }}, {{ center.lng }}]"> <marker position="[{{ center.lat }}, {{ center.lng

我有一个场景,我必须在地图上显示所有的标记。我使用角度贴图我可以看到所有的标记,但缩放级别失控。我无法限制缩放级别,因为它显示了三份地图副本。我创造了一个新的世界

如何显示所有可见的标记。谁能帮我一下吗

<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}
];

$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}
];

你无法避免谷歌地图的重复->没有解决方案,因为这是谷歌地图的一项功能。 这取决于地图的分辨率。这是一个小地图,包括不同的格式。重复是谷歌地图的一项功能。您可以尝试强制地图的格式,以避免重复显示。记住,用户通过向东或向西滚动始终能够看到重复的地图

<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>


谢谢你的回答@lin我试过了,但是有没有其他方法可以解决这个问题。我想不重复地显示地图。谷歌地图是不可能的,这是一项功能。到时候你会同意我的回答:)我尝试设置缩放级别并使用一些事件。不知何故,我认为这是可能的,但我不知道确切的解决办法。我一直在努力。如果您找到了任何解决方案,请告诉我谢谢@lin:)没有,请在有解决方案时通知互联网。数百万人会为此感到高兴。如果你找不到解决办法,别忘了把我的答案标为正确:)干杯!有限@lin:)第一个问题问得好+1!