Google Maps แสดงข้อความ "เพื่อการพัฒนาเท่านั้น" เมื่อฉันพยายามแสดงในหน้าเว็บของฉัน:

ฉันจะทำให้ข้อความนี้หายไปได้อย่างไร

รหัสของฉันเป็นเช่นนั้น:

<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 Maps ไม่มีให้บริการอีกต่อไป คุณต้องเชื่อมโยงบัตรเครดิตเพื่อให้สามารถเรียกเก็บเงินได้หากไซต์ของคุณมีคำขอที่เกินเครดิต $ 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 ที่พร้อมใช้งานและเปิดใช้งานที่คุณต้องการ

ใส่ลายน้ำด้วย“ เพื่อการพัฒนาเท่านั้น ” จะถูกส่งคืนเมื่อสิ่งใดสิ่งหนึ่งต่อไปนี้เป็นจริง:

1. คำขอไม่มีคีย์ API
2. ยังไม่ได้เปิดใช้งานการเรียกเก็บเงินในบัญชีของคุณ
3. วิธีการเรียกเก็บเงินที่ระบุไม่ถูกต้อง (เช่นบัตรเครดิตที่หมดอายุ)
4. เกินขีด จำกัด รายวันที่กำหนดโดยตนเอง

ตามที่เขียนไว้ใน Victoria แล้ว Google Maps ไม่มีให้บริการฟรีอีกต่อไป แต่คุณสามารถเปลี่ยนผู้ให้บริการแผนที่ได้ คุณอาจสนใจ OpenStreetMap มีวิธีใช้งานง่ายบนไซต์ของคุณที่อธิบายไว้ที่นี่: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

น่าเสียดายที่ OpenStreetMap ไม่มีวิธีที่ง่ายในการบอกเส้นทางจากจุดหนึ่งไปยังอีกจุดหนึ่งและยังไม่มีมุมมองถนน

สำหรับวัตถุประสงค์ของฉันฉันสิ้นสุดที่ใช้เป็นทางเลือกhttps://www.openstreetmap.org/

ตามที่แนะนำในความคิดเห็นฉันใช้"Chrome Google Platform API Checker " Chrome add-in เพื่อระบุและแก้ไขปัญหา

โดยพื้นฐานแล้ว Add-in นี้จะพาฉันไปที่นี่ซึ่งฉันสามารถลงชื่อเข้าใช้ 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" ...

Add-in จะตรวจสอบการเรียก JS API แล้ว หวังว่านี่จะช่วยให้ใครบางคนแก้ไขปัญหาได้อย่างรวดเร็ว!

ตอนนี้แผนที่ google นั้นให้บริการฟรีสำหรับการพัฒนาเท่านั้น

หากคุณต้องการใช้แผนที่ฟรีเหมือนก่อนหน้านี้สร้างบัญชีที่มีรายละเอียดที่ถูกต้อง (การเรียกเก็บเงินการชำระเงิน ฯลฯ ) google ให้เครดิตรายเดือน $ 200 ซึ่งเทียบเท่ากับการใช้ฟรี

สำหรับรายละเอียดเพิ่มเติมโปรดดูรายละเอียดราคาใหม่ของ Google Googles: google map new pricing

ดูรายละเอียดราคาเก่า : รายการเก่า

หาก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 ปี)

คุณไม่สามารถใช้แท็ก iframe ใน HTML นี่คือสิ่งที่คุณสามารถทำได้:
* เพียงเข้าไปใน google maps ชี้ตำแหน่งของคุณ
* คลิกที่ "แบ่งปัน"
* ไปที่ "ฝังแผนที่"
* คัดลอกรหัส HTML
* วางใน หน้า HTML
* ปรับความสูงและความกว้างตามความต้องการของคุณ
* เรียกใช้

สิ่งนี้อาจใช้ได้