Google Maps hiển thị thông báo "Chỉ dành cho mục đích phát triển" khi tôi cố gắng hiển thị nó trong trang web của mình:

Làm thế nào tôi có thể làm cho tin nhắn này biến mất?

Mã của tôi là như thế:

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

Sau đó tôi có

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

Tôi không thấy tin nhắn này bắt nguồn từ đâu.

Google Maps không còn miễn phí. Bạn phải liên kết thẻ tín dụng để bạn có thể nhận được hóa đơn nếu trang web của bạn có yêu cầu vượt quá khoản tín dụng 200 đô la mà họ cung cấp cho bạn hàng tháng miễn phí. Đó là lý do tại sao bạn có được các bản đồ thủy ấn.

Để biết thêm thông tin, hãy xem: https://cloud.google.com/maps-pl platform / matrix /

Cập nhật: Một vấn đề phổ biến với hệ thống thanh toán mới là bây giờ bạn phải kích hoạt từng API riêng biệt. Tất cả chúng đều có giá khác nhau (một số thậm chí là miễn phí), vì vậy Google đưa ra quan điểm về việc bạn kích hoạt chúng riêng lẻ cho tên miền của bạn. Tôi chưa bao giờ là người dùng Google Maps nặng, nhưng tôi có cảm giác rằng có nhiều API hơn bây giờ so với trước đây.

Vì vậy, nếu bạn vẫn nhận được thông báo sử dụng bị hạn chế sau khi bạn bật thanh toán, hãy tìm hiểu API nào bạn cần chính xác cho các tính năng bạn muốn cung cấp và kiểm tra xem nó có được bật không. Các cài đặt API rất khó tìm.

1. Truy cập liên kết này: https://console.developers.google.com/apis/dashboard .
2. Sau đó, bạn chọn dự án của bạn trong danh sách thả xuống.
3. Đi đến thư viện trên khung bên trái.
4. Duyệt các API có sẵn và kích hoạt API bạn cần.

Hình chìm mờ với  cho mục đích phát triển chỉ có thể được trả về khi bất kỳ điều nào sau đây là đúng:

1. Yêu cầu thiếu khóa API.
2. Thanh toán chưa được kích hoạt trên tài khoản của bạn.
3. Phương thức thanh toán được cung cấp không hợp lệ (ví dụ: thẻ tín dụng đã hết hạn).
4. Một giới hạn hàng ngày tự áp đặt đã được vượt quá.

Như Victoria đã viết, Google Maps không còn miễn phí, nhưng bạn có thể chuyển đổi nhà cung cấp bản đồ của mình. Bạn có thể quan tâm đến OpenStreetMap, có một cách dễ dàng để sử dụng nó trên trang web của bạn được mô tả ở đây: https://handyman.dulare.com/switching-from-google-maps-to-openstreetmap/

Thật không may, trên OpenStreetMap, không có cách nào dễ dàng để cung cấp chỉ đường từ điểm này đến điểm khác, cũng không có chế độ xem phố.

Đối với mục đích của tôi, tôi đã kết thúc bằng cách sử dụng https://www.openstreetmap.org/ .

Như được đề xuất trong một nhận xét, tôi đã sử dụng bổ trợ Chrome "Trình kiểm tra API nền tảng Google Maps " để xác định và giải quyết vấn đề.

Về cơ bản, bổ trợ này đã hướng dẫn tôi đến đây nơi tôi có thể đăng nhập vào Google và tạo khóa API miễn phí.

Sau đó, tôi đã cập nhật JavaScript của mình và nó đã giải quyết ngay vấn đề này.

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

Javascript đã cập nhật: ... script src = "https://maps.googleapis.com/maps/api/js?key=*****GOOGLE API KEY ****** & v = 3" ...

Bổ trợ sau đó xác nhận lệnh gọi API JS. Hy vọng điều này sẽ giúp ai đó giải quyết vấn đề nhanh chóng!

Bây giờ google maps chỉ miễn phí để phát triển.

Nếu bạn muốn sử dụng bản đồ miễn phí như trước đó, thì hãy tạo một tài khoản với các chi tiết hợp lệ (thanh toán, thanh toán, v.v.) google cung cấp $ 200 TÍN DỤNG HÀNG THÁNG HÀNG NGÀY ĐỂ SỬ DỤNG MIỄN PHÍ

Để biết thêm chi tiết, vui lòng xem chi tiết giá mới của Google: google map giá mới

Cũng xem chi tiết giá cũ: Cũ

Nếu mapTypeId của bạn là SATELLITEhoặcHYBRID

tốt, nó chỉ là một hình mờ, bạn có thể ẩn nó nếu bạn thay đổi cái tôi <div>đã z-index=100sử dụng

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

hoặc bạn có thể sử dụng

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

nhưng nó không đáp ứng như setInterval

Nếu bạn muốn một bản đồ vị trí đơn giản miễn phí hiển thị một vị trí được đánh dấu duy nhất, cho trang web của bạn, thì

• Tới AddMap .
• Tại đây bạn có thể điền chi tiết để tùy chỉnh hoàn toàn bản đồ của mình như chi tiết vị trí, kích thước và định dạng của bản đồ.
• Cuối cùng để thêm khóa api google map, Tạo nó bằng phương pháp này .

Hãy cho tôi biết nếu điều này sẽ giúp ..

Đối với tôi, dường như khi nó hiển thị "Chỉ dành cho mục đích phát triển", người ta không thể nhìn thấy các cấu hình bản đồ trong khi phát triển (hay đúng hơn là chơi xung quanh với các cấu hình). Trong trường hợp của tôi, tôi đã không cho phép thanh toán được liên kết với API tôi đang sử dụng và tôi nghĩ đó là lý do tại sao nó hoạt động theo cách này.

Đối với tôi, Lỗi đã được sửa khi kích hoạt Thanh toán trong bảng điều khiển google. (Tôi đã dùng thử nhà phát triển 1 năm)

Bạn không thể sử dụng thẻ iframe trong HTML, đây là những gì bạn có thể làm:
* chỉ cần truy cập vào google maps chỉ ra vị trí của bạn
* nhấp vào "Chia sẻ"
* đi tới "Nhúng bản đồ"
* sao chép mã HTML
* dán vào Trang HTML
* điều chỉnh chiều cao và chiều rộng theo yêu cầu của bạn
* chạy nó

Điều này có thể làm việc