为什么Google地图拒绝完全渲染

时间:2016-04-15 12:05:31

标签: angularjs django google-maps google-maps-api-3

这个问题困扰着fedora 23上的chrome,ff和opera(所有最新的)。

它是一个django应用程序,它使用angular的uiGmapGoogleMapApiProvider来初始化谷歌地图(v3)。我看过很多帖子,显示了一个涉及google.maps.events.trigger(map,'resize')的可能解决方案。这对我不起作用。 enter image description here

我的地图会在以下html代码段中呈现:

<section class="section-googlemap">
  <ui-gmap-google-map center="map.center" zoom="map.zoom" 
     options="options" 
     events="map.events"                         
     control="map.control">
  </ui-gmap-google-map>
</section>

对于uiGmapGoogleMapAPIProvider,我有以下代码库:

   uiGmapGoogleMapApiProvider.configure({
      key: "XXXXYYYY",
      v: "3.17",
      libraries: "weather,geometry,visualization"
  });

然后在另一个控制器中,我有以下内容:

uiGmapGoogleMapApi.then(function(maps) {
            $scope.maps = maps;
            geocoder = new maps.Geocoder();
        });

我已经提到了以下SO帖子,并试图让这个工作但无济于事:

Google Map not loading completely after inital call

Google Map shows only partially

Google Map displaying just partially

请告诉我是否还有其他事情可以做。

0 个答案:

没有答案