Google Maps menampilkan pesan "Hanya untuk tujuan pengembangan" ketika saya mencoba menampilkannya di halaman web saya:

Bagaimana saya bisa membuat pesan ini hilang?

Kode saya seperti itu:

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

Kemudian saya miliki

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

Saya tidak melihat dari mana pesan ini berasal.

Google Maps tidak lagi gratis. Anda harus mengaitkan kartu kredit sehingga Anda dapat ditagih jika situs Anda memiliki permintaan yang melebihi kredit $ 200 yang mereka berikan setiap bulan secara gratis. Itu sebabnya Anda mendapatkan peta yang diberi tanda air.

Untuk informasi lebih lanjut, lihat: https://cloud.google.com/maps-platform/pricing/

Pembaruan: Masalah umum dengan sistem penagihan baru adalah Anda sekarang harus mengaktifkan setiap API secara terpisah. Mereka semua memiliki harga yang berbeda (beberapa bahkan gratis), jadi Google memastikan Anda mengaktifkannya secara individual untuk domain Anda. Saya tidak pernah menjadi pengguna Google Maps yang berat, tetapi saya merasa bahwa ada lebih banyak API sekarang daripada sebelumnya.

Jadi, jika Anda masih mendapatkan pesan penggunaan terbatas setelah Anda mengaktifkan penagihan, cari tahu API apa yang Anda butuhkan untuk fitur yang ingin Anda tawarkan, dan periksa apakah itu diaktifkan. Pengaturan API sangat sulit ditemukan.

1. Buka tautan ini: https://console.developers.google.com/apis/dashboard .
2. Kemudian Anda memilih proyek Anda di dropdown.
3. Buka perpustakaan di panel kiri.
4. Jelajahi API yang tersedia dan aktifkan yang Anda butuhkan.

Ditandai dengan air  "hanya untuk tujuan pengembangan " dikembalikan ketika salah satu dari yang berikut ini benar:

1. Permintaan tidak memiliki kunci API.
2. Tagihan belum diaktifkan di akun Anda.
3. Metode penagihan yang disediakan tidak valid (misalnya kartu kredit kedaluwarsa).
4. Batas harian yang diberlakukan sendiri telah terlampaui.

Seperti yang ditulis Victoria, Google Maps tidak lagi gratis, tetapi Anda dapat mengganti penyedia peta Anda. Anda mungkin tertarik dengan OpenStreetMap, ada cara mudah untuk menggunakannya di situs Anda yang dijelaskan di sini: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

Sayangnya, pada OpenStreetMap, tidak ada cara mudah untuk memberikan arahan dari satu titik ke titik lainnya, juga tidak ada tampilan jalan.

Untuk tujuan saya, saya akhirnya menggunakan alternatif https://www.openstreetmap.org/ .

Seperti yang disarankan dalam komentar, saya menggunakan add-in Chrome " Google Maps Platform API " untuk mengidentifikasi dan menyelesaikan masalah.

Pada dasarnya, add-in ini mengarahkan saya ke sini di mana saya dapat masuk ke Google dan membuat kunci API gratis.

Setelah itu, saya memperbarui JavaScript saya dan segera menyelesaikan masalah ini.

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

Javascript yang diperbarui: ... script src = "https://maps.googleapis.com/maps/api/js?key=***** GOOGLE API KEY ****** & v = 3" ...

Add-in kemudian memvalidasi panggilan API JS. Semoga ini bisa membantu seseorang menyelesaikan masalah dengan cepat!

Sekarang google maps gratis untuk pengembangan saja.

Jika Anda ingin menggunakan peta gratis seperti sebelumnya, maka buat akun dengan detail yang valid (penagihan, pembayaran, dll.) Google memberikan $ 200 KREDIT BULANAN Yang SETIAP DENGAN PENGGUNAAN GRATIS

Untuk perincian lebih lanjut, lihat detail harga baru Google: google map pricing baru

Lihat juga rincian harga lama: Yang lama

Jika mapTypeId Anda adalah SATELLITEatauHYBRID

baik, itu hanya tanda air, Anda dapat menyembunyikannya jika Anda mengubah <div>yang telah z-index=100 saya gunakan

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

atau bisa kamu gunakan

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

tetapi tidak responsif seperti setInterval

Jika Anda ingin peta lokasi sederhana gratis yang menunjukkan lokasi bertanda tunggal, untuk situs web Anda, Lalu

• Pergi ke AddMap .
• Di sini Anda dapat mengisi detail untuk menyesuaikan sepenuhnya peta Anda seperti detail lokasi, ukuran, dan format peta.
• Akhirnya untuk menambahkan kunci Google map api, Hasilkan menggunakan metode ini .

Beritahu saya jika ini akan membantu ..

Tampak bagi saya bahwa ketika menampilkan "Hanya untuk tujuan pengembangan", orang tidak dapat melihat konfigurasi peta juga saat mengembangkan (atau lebih tepatnya bermain-main dengan konfigurasi). Dalam kasus saya, saya belum mengaktifkan penagihan untuk dikaitkan dengan API yang saya gunakan dan saya pikir itulah alasan mengapa berperilaku seperti ini.

Bagi saya, Kesalahan telah diperbaiki saat Penagihan diaktifkan di konsol google. (Saya mendapat uji coba pengembang 1 tahun)

Anda tidak dapat menggunakan tag iframe dalam HTML, inilah yang dapat Anda lakukan:
* buka saja google maps tunjukkan lokasi Anda
* klik "Bagikan"
* buka "Sematkan peta"
* salin kode HTML
* tempelkan di Halaman HTML
* sesuaikan tinggi dan lebar sesuai kebutuhan Anda
* jalankan

Ini mungkin berhasil