首页 > 解决方案 > stats.js 错误 500,使用 AngularGoogleMaps 样式输入时

问题描述

我使用 Angular 谷歌地图。除了一件事,一切都运行良好。

一旦我想使用 input 属性向地图添加样式styles,就会出现错误:

js?v=quarterly&callback=agmLazyMapsAPILoader&key=mykey:78 GET https://maps.googleapis.com/maps-api-v3/api/js/39/10/intl/ru_ALL/stats.js net::ERR_ABORTED 500
zone-evergreen.js:659 Unhandled Promise rejection: Could not load "stats". ; Zone: <root> ; Task: Promise.then ; Value: Error: Could not load "stats".
    at HTMLScriptElement.__zone_symbol__ON_PROPERTYerror (js?v=quarterly&callback=agmLazyMapsAPILoader&key=AIzaSyCyzqB8Udgs8s8kthQzK61Sq7Vghu8LiyE:80)
    at HTMLScriptElement.wrapFn (zone-evergreen.js:1218)
    at ZoneDelegate.invokeTask (zone-evergreen.js:399)
    at Zone.runTask (zone-evergreen.js:167)
    at ZoneTask.invokeTask [as invoke] (zone-evergreen.js:480)
    at invokeTask (zone-evergreen.js:1621)
    at HTMLScriptElement.globalZoneAwareCallback (zone-evergreen.js:1647) Error: Could not load "stats".
    at HTMLScriptElement.__zone_symbol__ON_PROPERTYerror (https://maps.googleapis.com/maps/api/js?v=quarterly&callback=agmLazyMapsAPILoader&key=AIzaSyCyzqB8Udgs8s8kthQzK61Sq7Vghu8LiyE:80:236)
    at HTMLScriptElement.wrapFn (http://localhost:8100/polyfills.js:1231:43)
    at ZoneDelegate.invokeTask (http://localhost:8100/polyfills.js:412:35)
    at Zone.runTask (http://localhost:8100/polyfills.js:180:51)
    at ZoneTask.invokeTask [as invoke] (http://localhost:8100/polyfills.js:493:38)
    at invokeTask (http://localhost:8100/polyfills.js:1634:18)
    at HTMLScriptElement.globalZoneAwareCallback (http://localhost:8100/polyfills.js:1660:21)

样式是正确的,地图是样式的,但是出现错误,应该不会...

款式:

  testStyle = [
    {
      elementType: 'geometry',
      stylers: [
        {
          color: '#f5f5f5',
        },
      ],
    },
  ];

用法:

  <agm-map
    [class.fullscreen]="(view$ | async) === 'map'"
    [disableDefaultUI]="true"
    [zoom]="12"
    [zoomControl]="false"
    [latitude]="56.946285"
    [longitude]="24.105078"
    [fitBounds]="true"
    [styles]="testStyle"
  >
    <agm-marker
      *ngFor="let object of objects$ | async"
      [latitude]="object.point[0]"
      [longitude]="object.point[1]"
      [agmFitBounds]="true"
    ></agm-marker>
  </agm-map>

如果我提供空白样式,例如:testStyle = [];- 那么也没有错误。

我在互联网上发现这可能是由 AdBlock 引起的。但是现在我已经禁用了所有浏览器扩展,但错误仍然存​​在。

标签: angulartypescriptagm

解决方案


解决了!AdGuard 实用程序(不是浏览器扩展)阻止了脚本的加载。这是一个适用于 Macbook 的程序。


推荐阅读