Css 谷歌地图静态图像API作为背景图像？

我正在尝试使用静态谷歌地图作为内嵌CSS背景图像

我特别指的是这个API：

当我单独调用图像时，在实际的

img

标记中，它工作得非常好。如果将其添加为CSS背景图像，则不会。我找不到任何文件说明它不应该工作

以下是我使用的代码：

<div class="static-map" style="background:url('https://maps.googleapis.com/maps/api/staticmap?center=Hollywood, FL, USA&zoom=7&size=420x200&maptype=roadmap
&markers=color:red%7C26.0112014,-80.14949009999998') no-repeat; background-size:cover;">

有人知道使用这样或那样的动态查询图像是否有限制吗？如果直接转到URL，您将看到以下图像：

---

更新我已将其缩小到URL的

&markers=color:red%7C26.0112014，-80.1494999998

部分。可能是

：

，但编码也不起作用…

我找到了答案-除了上面粘贴的代码外，我还将一个API键附加到URL上（出于明显的原因，我不想共享）

但是Google似乎不允许您将本地主机环境与API密钥相关联，因此拒绝了该请求

我能想到的唯一解决方案是放弃API密钥，直到它进入生产服务器。

对我有效：