Làm cách nào để lấy khóa api của googlemaps để hoạt động trên localhost?
Tôi đã tạo một khóa API và trong phần giới thiệu, tôi thêm những thứ sau:
Accept requests from these HTTP referrers (websites) (Optional)
Use asterisks for wildcards. If you leave this blank, requests will be
accepted from any referrer. Be sure to add referrers before using this key
in production.
localhost
Điều này không hoạt động và nếu tôi loại trừ khóa api thì nó cũng không hoạt động?
Câu trả lời:
Bạn có thể làm theo cách này. Nó hoạt động ít nhất đối với tôi:
trong trang Thông tin xác thực:
Chọn tùy chọn với địa chỉ IP (tùy chọn số 3).
Đặt địa chỉ IP của bạn từ nhà cung cấp của bạn. Nếu không, hãy tìm kiếm địa chỉ IP của bạn bằng cách sử dụng liên kết này: https://www.google.com/search?q=my+ip
Lưu nó.
Thay đổi liên kết bản đồ google của bạn như sau giữa thẻ scrip:
https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "
Chờ khoảng 5 phút trở lên để khóa API của bạn phổ biến.
Bây giờ bản đồ google của bạn sẽ hoạt động.
Nếu bạn đang làm việc trên localhost, hãy tạo một khóa API riêng cho sự phát triển của bạn và sau đó xóa các hạn chế trên khóa đó để localhost của bạn có thể sử dụng nó. Hãy nhớ không sử dụng khóa này khi sản xuất, vì vậy bạn sẽ không để lộ khóa của mình cho những kẻ săn tìm trực tuyến.
Tôi gặp vấn đề tương tự và tất cả các nỗ lực để có được các hạn chế hoạt động trên môi trường localhost của tôi đều không thành công cho đến khi tôi tạo một apikey riêng biệt dành riêng cho việc phát triển và sau đó loại bỏ các hạn chế của nó. Tuy nhiên, tôi không sử dụng khóa đó trên môi trường sản xuất và sau khi hoàn thành các bước phát triển, tôi sẽ xóa khóa API ngay lập tức.
Tôi biết bài đăng này là muộn, nhưng đối với những người có khả năng gặp phải vấn đề này trong tương lai, đây là con đường tốt nhất để đi.
Đoán là tôi đến bữa tiệc hơi muộn và mặc dù tôi đồng ý rằng việc tạo một khóa riêng biệt cho phát triển (localhost) và sản phẩm, nhưng có thể thực hiện cả hai chỉ trong 1 khóa.
Khi bạn sử dụng Hạn chế ứng dụng -> Trình giới thiệu http -> Yêu cầu lại trang web, bạn có thể nhập url ký tự đại diện.
Tuy nhiên sử dụng ký tự đại diện như .localhost / hoặc là .localhost: {port}. (khi đã có .yourwebsite.com / * ) dường như không hoạt động.
Chỉ đặt một * duy nhất cũng hoạt động nhưng điều này về cơ bản cung cấp cho bạn một khóa không giới hạn, điều này không phải là những gì bạn muốn.
Khi bạn bao gồm đường dẫn đầy đủ mà không sử dụng ký tự đại diện * nó cũng hoạt động, vì vậy trong trường hợp của tôi, đặt:
http: // localhost {port} /
http: // localhost : {port} / something-else / here
Làm cho bản đồ của Google hoạt động cục bộ như trên www.yourwebsite.com bằng cách sử dụng cùng một khóa API.
Dù sao khi có 2 phím riêng biệt cũng là một lựa chọn tôi khuyên bạn nên làm điều đó.
Bạn có thể làm theo hướng dẫn này về cách sử dụng Google Maps để thử nghiệm trên localhost.
- Nhấp vào liên kết này và làm theo quy trình (tạo dự án mới, khóa API> Khóa trình duyệt, đăng ký miền 'localhost'): https://console.developers.google.com//flows/enableapi?apiid=maps_backend&keyType=CLIENT_SIDE&reusekey=true
- Tạo khóa
- Triển khai tiện ích Google Maps như được mô tả tại đây: http://www2.microstrategy.com/producthelp/10/GISHelp/Lang_1033/GIS_Integration.htm
- Thêm khóa API Google Maps của bạn vào googleConfig.xml (như được mô tả trong liên kết trước đó) ENTER_YOUR_KEY_HERE
- Khởi động lại máy chủ web
Kiểm tra các chuỗi SO liên quan sau:
Hi vọng điêu nay co ich!
Bạn phải kiểm tra lỗi cụ thể trong bảng điều khiển javascript (ví dụ: Ctrl+ Shift+ Ktrong Firefox dành cho Windows).
Theo Steven Gliebe (2016) , có bốn trường hợp phổ biến cho vấn đề này. Nếu tôi có thể tóm tắt nó, như sau:
Sau khi thực hiện một số sửa đổi mã, vui lòng xóa bộ nhớ cache của trình duyệt nếu cần.
Trong trường hợp có các lỗi khác, bạn có thể kiểm tra trang Tài liệu về Mã lỗi API của Google Maps .
Khi nó cho biết "Chấp nhận yêu cầu từ các liên kết giới thiệu HTTP này (trang web) (Tùy chọn)", bạn không cần phải liệt kê bất kỳ liên kết giới thiệu nào. Vì vậy, hãy nhấp vào X bên cạnh localhost trên trang này nhưng tiếp tục sử dụng khóa của bạn.
Sau đó, nó sẽ hoạt động sau một vài phút.
Các thay đổi đã thực hiện đôi khi có thể mất vài phút để có hiệu lực, vì vậy hãy đợi vài phút trước khi kiểm tra lại.