添加嵌入式 google 地图时 console.log 中出现警告

Question

我想在我的网络应用程序中添加 google 地图（嵌入式）地图。我正在构建 angular 8 并使用内置服务器，但仍在 console.log 中显示警告

A cookie associated with a cross-site resource at https://google.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review coo...

我在 ngOnInit 方法的代码中所做的，我已经添加了这个

    this.cookieService.set('cross-site-cookie',"bar");
    this.cookieService.set('SameSite','SameSite=None; Secure');

上面的代码我使用了名为 ngx-cookie-service 的 npm 包。另外，当我自己引用这个网站时

https://github.com/GoogleChromeLabs/samesite-examples/blob/master/javascript.md

我不确定我做的对还是错。我所做的是完全使用 "copy link" 从 google 地图中复制我的位置。如何解决这个问题。

Answer 1

<iframe src="your google map url"></iframe>

试试这个。

Answer 2

尝试以下操作：

您可以通过 chrome://flags Cookie Deprecation messages disabled 来禁用它们。

如果可以添加 google 完整地图，请遵循本教程：

https://dev.to/devpato/setup-google-map-in-angular-app-the-pro-way-3m9p

将 google 地图添加到 angular 应用的更简单方法： https://dev.to/devpato/setup-google-maps-with-agm-in-angular-app-33em

添加嵌入式 google 地图时 console.log 中出现警告

Warning in console.log when adding embedded google maps

html

javascript

cookies

angular

websecurity