Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Google Maps for AngularJS不支持与“AngularJS”相关的任何角度指令;隐藏“;及;“显示”;_Javascript_Angularjs_Google Maps - Fatal编程技术网

Javascript Google Maps for AngularJS不支持与“AngularJS”相关的任何角度指令;隐藏“;及;“显示”;

Javascript Google Maps for AngularJS不支持与“AngularJS”相关的任何角度指令;隐藏“;及;“显示”;,javascript,angularjs,google-maps,Javascript,Angularjs,Google Maps,一旦使用ng hide或ng show,AngularJS Google maps库将不起作用。一旦调用两个显示函数之一,地图将发生以下情况: 只有当您稍微调整浏览器窗口的大小时,这一问题才能得到解决。是否有类似于调整窗口大小的黑客使用javascript来解决这个图形问题 如果没有黑客的攻击,这个AngularJS谷歌地图库完全违背了单页应用程序的目的 在另一个与此类似的stackoverflow问题中,解决方案是将ng-Clope指令添加到此映射标记: <map ng-cloak z

一旦使用ng hide或ng show,AngularJS Google maps库将不起作用。一旦调用两个显示函数之一,地图将发生以下情况:

只有当您稍微调整浏览器窗口的大小时,这一问题才能得到解决。是否有类似于调整窗口大小的黑客使用javascript来解决这个图形问题

如果没有黑客的攻击,这个AngularJS谷歌地图库完全违背了单页应用程序的目的

在另一个与此类似的stackoverflow问题中,解决方案是将ng-Clope指令添加到此映射标记:

<map ng-cloak zoom="10" style="visibility:hidden; z-index:1000; width:900px; height:300px; display:inline-block;" width="1600" height="1600"/>

但我试过了,但它完全没用。也许我可以做一些像
$rootScope.map.width=z

如何使用JavaScript立即复制窗口大小调整修复程序?或者我想一个更好的问题是,尽管这个库已经坏了,你如何让它工作呢


除非修补此问题并使用临时破解来对付图形错误,否则此角度库将无法工作。

尝试使用数据ng if而不是ng hide或ng show。

尝试使用数据ng if而不是ng hide或ng show

  • 使用ng if代替ng show。ng if将呈现html,但ng show仅隐藏标记
  • 使用uiGampIsReady强制调整地图大小:

    uiGmapIsReady.promise().then(函数(){ var map=$scope.map.control.getGMap(); google.maps.event.trigger(映射,'resize'); });

  • 使用ng if代替ng show。ng if将呈现html,但ng show仅隐藏标记
  • 使用uiGampIsReady强制调整地图大小:

    uiGmapIsReady.promise().then(函数(){ var map=$scope.map.control.getGMap(); google.maps.event.trigger(映射,'resize'); });


  • 只是尝试了做同样的事情,但是使用了一个完全不同的AngularJS谷歌地图库,它没有解决这个问题。很明显,这可能是一个与google-maps冲突的引导问题。只是尝试了做同样的事情,但是使用了一个完全不同的AngularJS google maps库,它没有解决问题。显然,这可能是一个与谷歌地图相冲突的引导问题。