Блог

Главная - Вопросы по программированию - Как сделать панорамирование карты пользовательского интерфейса Angularjs при перетаскивании?

Как сделать панорамирование карты пользовательского интерфейса Angularjs при перетаскивании?

#javascript #asp.net #html #angularjs #google-maps

#javascript #asp.net #HTML #angularjs #google-карты

Вопрос:

При использовании библиотек angular-ui-map или angular-google-map карта не перемещается при перетаскивании, даже если параметры mapOptions настроены на это неявно. Есть ли какие-либо известные проблемы?

код для воспроизведения-

Скрипты

 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3amp;libraries=drawing,places,weatheramp;sensor=false"></script>
<script type="text/javascript" src="Scripts/angular.js"></script>
<script type="text/javascript" src="Scripts/angular-ui-event.js"></script>
<script type="text/javascript" src="Scripts/angular-ui-map.js"></script>

Angular-

 var Angular = angular.module('LocqusAngular', ['ui.router', 'ui.map', 'ui.event'])
Angular.controller('MapController', function ($scope) {
        $scope.markers = [];
        $scope.taskMarkers = [];
        $scope.bounds = new google.maps.LatLngBounds();
        var DefaultLatLng = new google.maps.LatLng(37.09024, -95.712891);
        $scope.mapOptions = {
            zoom: 4,
            center: DefaultLatLng,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            draggable:true
        }

HTML-

 <form runat="server">
    <asp:ToolkitScriptManager ScriptMode="Release" ID="TSM" EnablePageMethods="true" CombineScripts="true" runat="server">
        <Services>
            <asp:ServiceReference Path="~/Service.asmx" />
        </Services>
    </asp:ToolkitScriptManager>
 <div id="MapRow" ng-controller="MapController">
  <div id="map_canvas" class="map-container" ui-map="map" ui-options="mapOptions"></div>
 </div>
</form>