Googleマップに自分のWebページに表示しようとすると、「開発目的のみ」というメッセージが表示されます。

このメッセージを消すにはどうすればよいですか？

私のコードはそのようなものです：

<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>

このメッセージの発信元がわかりません。

Googleマップは無料ではなくなりました。クレジットカードを関連付ける必要があります。これにより、サイトが毎月無料で200ドルを超えるクレジットをリクエストした場合に請求を受けることができます。そのため、透かしが入ったマップを取得します。

詳細については、https：//cloud.google.com/maps-platform/pricing/をご覧ください。

更新： 新しい課金システムの一般的な問題は、各APIを個別にアクティブ化する必要があることです。それらはすべて異なる価格設定（一部はさらに無料です）であるため、Googleはドメインに対して個別に有効にするように指示しています。私はGoogleマップのヘビーユーザーではありませんでしたが、以前よりも多くのAPIが存在するようになりました。

したがって、課金を有効にした後も引き続き使用制限メッセージが表示される場合は、提供する機能に正確に必要なAPIを見つけて、有効になっているかどうかを確認してください。API設定は、迷惑なことに見つけるのが難しいです。

1. 次のリンクに移動します：https : //console.developers.google.com/apis/dashboard。
2. 次に、ドロップダウンでプロジェクトを選択します。
3. 左側のペインのライブラリに移動します。
4. 利用可能なAPIを参照し、必要なAPIを有効にします。

次のいずれかが当てはまる場合、「開発目的でのみ」という透かしが返されます。

1. リクエストにAPIキーがありません。
2. アカウントで課金が有効になっていません。
3. 指定された請求方法は無効です（たとえば、期限切れのクレジットカード）。
4. 自分で課した毎日の制限を超えました。

ビクトリアが書いたように、Googleマップは無料ではなくなりましたが、マッププロバイダーを切り替えることができます。あなたはOpenStreetMapに興味があるかもしれません、ここで説明されているあなたのサイトでそれを使う簡単な方法があります：https：//handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

残念ながら、OpenStreetMapでは、ある地点から別の地点への道順を提供する簡単な方法はなく、ストリートビューもありません。

私の目的のために、代わりにhttps://www.openstreetmap.org/を使用することにしました。

コメントで推奨されているように、「Google Maps Platform API Checker」Chromeアドインを使用して問題を特定し、解決しました。

基本的に、このアドインを私に指示、ここで私はGoogleにログインして自由なAPIキーを作成することができたところ。

その後、JavaScriptを更新したところ、この問題はすぐに解決しました。

古いJavaScript：... script src = "https://maps.googleapis.com/maps/api/js?v=3" ...

更新されたJavascript：... script src = "https://maps.googleapis.com/maps/api/js?key=*****GOOGLE API KEY ******＆v = 3" ...

次に、アドインはJS API呼び出しを検証しました。これが誰かが問題を迅速に解決するのに役立つことを願っています！

現在、Googleマップは開発のみ無料です。

以前のように地図を無料で使用したい場合は、有効な詳細（請求、支払いなど）を使用してアカウントを作成します。Googleは$ 200の月額クレジットを提供します。これは無料での使用に相当します。

詳細については、Googleの新しい価格の詳細を参照してください：Googleマップの新しい価格

古い価格の詳細もご覧ください：古いもの

あなたの場合はmapTypeIdはありますSATELLITEかHYBRID

まあ、それは単なる透かしです。 私が使用<div>しているものz-index=100を変更した場合は、非表示にできます

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

またはあなたが使うことができます

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

しかしそれは反応が遅い setInterval

あなたのウェブサイトのために、単一のマークされた場所を示す無料のシンプルなロケーションマップが必要な場合は、

• AddMapに移動します。
• ここに詳細を入力して、場所の詳細、地図のサイズやフォーマットなど、地図を完全にカスタマイズできます。
• 最後にgoogle map apiキーを追加するには、このメソッドを使用して生成します。

これが役立つかどうか教えてください。

「開発目的のみ」と表示されている場合、開発中（または構成をいじって）マップ構成も表示されないようです。私の場合、使用しているAPIに関連付けられた課金を有効にしていません。それが、このように動作する理由だと思います。

私の場合、Googleコンソールで課金を有効にするとエラーが修正されました。（1年間の開発者トライアルを受けました）

HTMLでiframeタグを使用することはできません。できることは次のとおりです。
* Googleマップに移動して場所を指摘する
* [共有]をクリックする* [
地図を埋め込む]に移動する
* HTMLコードをコピーする
*に貼り付けるHTMLページ
*要件に応じて高さと幅を調整します
*実行します

これはうまくいくかもしれません