分类导航

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了angularjs – 使用angular-google-maps刷新地图和标记，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

嗨,我正在为我的项目使用angular-google-maps. html和js@L_801_0@如下

<ui-gmap-markers models="apartments" coords="'loc'" icon="'assets/images/map_icon_normal.png'" idkey="'_id'"
                     fit="'false'" click="click">


      <ui-gmap-windows show="'show'" >
        <div ng-non-bindable>{{streetAddress}}</div>

      </ui-gmap-windows>
    </ui-gmap-markers>



  </ui-gmap-google-map>

脚本：
angular.module( ‘对myApp’)

.controller('MapCtrl',function ($scope,$routeParams,Map,uiGmapGoogleMapApi) {
 $scope.apartments = [];
 $scope.customIcon = "../../assets/images/map_icon_normal.png"

$scope.map = {
      center: {
        latitude: $routeParams.lat,longitude: $routeParams.lon
      },zoom: 5,bounds: {},events: {
        tilesloaded: function (map) {
          //console.log('tiles loaded');
          $scope.$apply(function () {
            $scope.mapInstance = map;
            //console.log(map.getBounds().getNorthEast());
            $scope.searchBox.options.bounds = new google.maps.LatLngBounds($scope.mapInstance.getBounds().getNorthEast(),$scope.mapInstance.getBounds().getSouthWest());

          });
        },idle: function(map) {

          $scope.map.@R_450_7017@h = false;

        },resize: function(map) {
          console.log('resize');
        },dragend: function() {

        }
      },markersEvents: {
        click: function(marker,eventName,model,args) {
          console.log('markerEvent click');
          $scope.map.window.model = model;
          $scope.map.window.show = true;
        }
      },window :  {
        marker: {},show: false,closeClick: function() {
          this.show = false;
        },options: {} // define when map is ready
      },control: {},@R_450_7017@h: function () {
        $scope.map.control.@R_450_7017@h();
      }
    }

    uiGmapGoogleMapApi.then(function (map) {

      $scope.getData(20,map);

      map.visual@R_450_7017@h = true;
      $scope.mapInstance = map;


    })

       $scope.getData = function(limit,offset,map) {
      Map.getApartments($routeParams.lat,$routeParams.lon,limit,offset).success(function (data) {
         ///----- I get undefined error here---
              $scope.map.control.@R_450_7017@h();



      });

    }})
}