Làm thế nào để đặt một bản đồ trong một trang web
Giả sử chúng ta muốn đặt một cửa sổ bản đồ Google trong một bài đăng trên blog, hoặc trên một trang, với một khu vực cụ thể và đánh dấu ở trung tâm với các chi tiết. Ngoài ra, một công cụ tìm kiếm ở dưới cùng.
Cách đơn giản nhất là mở bản đồ trong Google Maps và chọn tùy chọn "liên kết bản đồ theo cách nhúng" trong đó bạn có thể tùy chỉnh một số thông số. Đây là API miễn phí và được thực hiện bằng cách sử dụng biểu mẫu "iframe".
Một cách khác là sử dụng API, thông qua một wizzard được tạo cho AJAX, cho phép bạn tạo mã cung cấp một vài chi tiết:
XUẤT KHẨU Xác định tham số
Trong trường hợp này, chúng tôi phải xác định kích thước tính bằng pixel của cửa sổ mà chúng tôi muốn hiển thị, tốt nhất là giữ một kích thước nằm trong chiều rộng tối đa của bài đăng trên blog, chẳng hạn như 400px
Sau đó, bạn phải xác định nếu bạn muốn có một cách tiếp cận ở thành phố, đường phố hoặc mức độ chặn.
Bạn có thể chỉ định các chi tiết dự kiến trong thương hiệu, tên, url và địa chỉ.
Bằng cách nhấn nút "vị trí trung tâm xem trước", bạn có thể thấy cửa sổ sẽ được hiển thị như thế nào.
2. Bật quyền API
Điều tiếp theo là cung cấp dữ liệu của trang web mà chúng tôi dự kiến sẽ hiển thị cửa sổ. Điều này là để cấp phép số API của chúng tôi cho trang web đó ... và do đó, yêu cầu chúng tôi chịu trách nhiệm về bất kỳ vi phạm nào mà chúng tôi có thể thực hiện đối với các điều khoản của Google.
Thông thường, để có được một API, bạn nhập trang web này và yêu cầu một API cho một url cụ thể, sau đó yêu cầu nhập tài khoản gmail của bạn và bạn được gán một số và một mã ví dụ. Nếu phiên gmail đã được mở, hệ thống sẽ liên kết tài khoản.
XUẤT KHẨU Tạo mã
Nhấn nút "tạo mã" html cần thiết được tạo để chỉ chèn nó vào Blog. Đối với điều này, tùy chọn mã phải được kích hoạt, dán nó và nó đã sẵn sàng, trong trường hợp dán nó trên một trang web khác, nơi API đã được ủy quyền, một thông báo sẽ xuất hiện từ chối nó.
Và sẵn sàng, nó sẽ nhìn tốt. Tới hướng dẫn trực quan
Bởi vì nó là một API dựa trên AJAX, một số tập lệnh được tạo không hoạt động tốt trong một số trình quản lý nội dung, chẳng hạn như Wordpress MU, nơi có quyền kiểm soát chức năng, nhưng nói chung nó sẽ chạy tốt.
