0

以下の最小限の例を考えると、2 つのマップは最終的に異なる位置に配置されます。なんらかの理由で、座標がスウェーデンのストックホルムであるにもかかわらず、後者はフランスに行き着きます。

この奇妙さを回避するにはどうすればよいですか?

再現するには、以下を html ファイルにコピーしてブラウザで実行します (jsFiddle も Plunkr もマップを表示したくありませんでした...):

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body ng-app="app">

    <div ng-controller="ctrl">
        <map center="59.325, 18.07" zoom="7"></map>
        <map center="map.center" zoom="7"></map>
    </div>

    <script src="../../../Scripts/angular.js"></script>
    <script src="http://maps.google.com/maps/api/js"></script>
    <script src="../../../Scripts/ng-map.js"></script>
    <script type="text/javascript">
        var app = angular.module('app', ['ngMap']);

        app.controller('ctrl', ['$scope',
            function ($scope) {
                $scope.map = {
                    center: [59.325, 18.07]
                }
            }
        ]);
    </script>
</body>
</html>
4

1 に答える 1