Question

我很难加载我的Angular Google地图地图。它没有抛出任何控制台错误......

app.module.js

(function() {

  angular.module('myplaces', ['ui.router', 'uiGmapgoogle-maps'])

}())

places.component.js

angular.module('myplaces')
  .component('placespage', {
    templateUrl: 'places.template.html',
    controller: controller
  })
  function controller() {
    const ctrl = this;
    ctrl.map = {
        center:
        {
          latitude: -25.363,
          longitude: 131.044
        },
        zoom:7
    };
  }

places.template.html

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <ui-gmap-google-map center='map.center' zoom='map.zoom'></ui-gmap-google-map>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <h1>Results</h1>
    </div>
  </div>
</div>

Answer 1

我意识到我忘了使用$ctrl绑定到模板中的控制器。

<ui-gmap-google-map center='$ctrl.map.center' zoom='$ctrl.map.zoom'></ui-gmap-google-map>

无法获取AngularJS Google地图进行渲染

1 个答案: