谷歌地图显示“仅供开发使用”;

当我试图在我的网页中显示它时，地图显示消息“仅用于开发目的”:

enter image description here

我怎样才能让这条消息消失呢?

我的代码是这样的

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript">
function initialize() {
var myLatlng = new google.maps.LatLng(50.5792659,8.6744471);
var centerMap = new google.maps.LatLng(50.5792659,8.6744471);
var div = document.getElementById('map');
}
</script>

然后我有

<p>
<a
href="https://www.google.com/maps/dir//50.5792659,8.6744471/@50.579266,8.674447,16z"
target="_blank"
>Route berechnen</a>
</p>

我不知道这个消息是从哪里来的。

388320 次浏览
小开
最佳答案

谷歌地图不再免费。你必须关联一张信用卡，这样当你的网站的请求超过每月免费提供的200美元信用额度时，你就能收到账单。这就是为什么你会得到带水印的地图。

更多信息，参见:https://cloud.google.com/maps-platform/pricing/

< >强更新: 新的计费系统的一个常见问题是，您现在必须分别激活每个API。它们都有不同的定价(有些甚至是免费的)，所以谷歌让你为你的域单独启用它们。 我从来不是谷歌地图的重度用户，但我感觉现在的api比以前多得多。< / p > 因此，如果您在启用计费后仍然收到限制使用消息，请找出您想要提供的功能确切需要什么API，并检查它是否启用。

. API设置很难找到
  1. 进入这个链接: 李https://console.developers.google.com/apis/dashboard。< / >
  2. 然后在下拉菜单中选择你的项目。
  3. 去左窗格的图书馆。
  4. 浏览可用的api并启用所需的api。
小开

正如维多利亚所写的，谷歌地图不再免费，但你可以切换你的地图提供商。你可能对OpenStreetMap感兴趣，这里有一个简单的方法来在你的网站上使用它:https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

不幸的是，在OpenStreetMap上，没有简单的方法来提供从一个点到另一个点的方向，也没有街景。

小开

当下列任意一个为真时，返回带有" 仅供发展用途 "水印的值:

  1. 请求缺少一个API键。
  2. 您的帐户尚未启用计费功能。
  3. 提供的计费方法无效(例如，过期的信用卡)。
  4. 超过了自己设定的每日限制。
小开
在我看来，当它显示“仅用于开发目的”时，一个人在开发时也看不到地图配置(或者更确切地说，玩配置)。 在我的情况下，我还没有启用计费与我正在使用的API相关联，我认为这就是为什么它这样做的原因
小开

现在谷歌地图仅供开发免费。

如果你想像前面一样使用map free，那么创建一个帐户 有效的详细信息(账单，付款等)谷歌提供每月200美元的信用 哪个等同于免费使用

更多详情请参阅谷歌新的价格细节:谷歌地图新的 定价< / > < / p >

还可以查看旧的价格细节:旧

小开

正如在评论中推荐的那样，我使用了“谷歌地图平台API检查器”Chrome插件来识别和解决问题。

本质上，这个外接程序引导我到在这里，在那里我可以登录到谷歌并创建一个免费的API密钥。

之后，我更新了JavaScript，它立即解决了这个问题。

旧JavaScript:…脚本src="https://maps.googleapis.com/maps/api/js?v=3"…

更新Javascript:…脚本src = " https://maps.googleapis.com/maps/api/js?key= * * * * *谷歌API密匙* * * * * *,v = 3”……

然后，外接程序验证JS API调用。希望这能帮助一些人迅速解决这个问题!

enter image description here

小开
你不能在HTML中使用iframe标签，下面是你可以做的 *只需进入谷歌地图指出你的位置
*点击“分享”
*去“嵌入一个地图”
*复制HTML代码
*粘贴到你的HTML页面
*根据您的要求调整高度和宽度
*运行它

这可能有用

小开

如果你的mapTypeId是SATELLITE或HYBRID

嗯，它只是一个水印，如果你改变有z-index=100的<div>，你可以隐藏它 我使用< / p > 

setInterval(function(){
$("*").each(function() {
if ($(this).css("zIndex") == 100) {
$(this).css("zIndex", "-100");
}
})}
, 10);

或者你可以用

map.addListener('idle', function(e) {
//same function
}

但是它的响应性不如setInterval

小开

出于我的目的，我最终使用了另一个https://www.openstreetmap.org/。

小开

对我来说，错误已被修复时激活计费在谷歌控制台。(我获得了1年的开发者试用)

小开

试试这段代码，它不会显示“仅用于开发目的”

<iframe src="http://maps.google.com/maps?q=25.3076008,51.4803216&z=16&output=embed" height="450" width="600"></iframe>
小开
我知道这可能与问题无关，但我在Vue上也有同样的问题。即使我传递了API_KEY，我仍然有同样的错误。我尝试了@Mike Dubs的建议，它表明我没有通过API KEY(即使我这样做了)。 我使用vue2-google-maps库，在关于如何使用API KEY设置谷歌库的文档中，他们说在main.js上，我应该像这样导入:

import * as VueGoogleMaps from 'vue2-google-maps';

但对我来说，这没用，但这个有用:

import * as VueGoogleMaps from ”。/ . . / node_modules vue2-google-maps / src /主要的;< / p >

为什么，怎么回事，我不知道，但我想vue不明白其中的意义。


提交答案