Tùy chỉnh bản đồ google được nhúng với iframe

Question

Vì vậy, tôi đã xem Google Maps và chúng có tính năng "tạo" bản đồ của riêng bạn và thêm vào các điểm đánh dấu và những thứ có tính chất đó thông qua giao diện riêng của chúng. Cách họ có bạn nhúng nó trên trang web của bạn là thông qua việc sử dụng iframe.

Tôi đã đọc tài liệu cho Google Maps và các ví dụ được hiển thị là khi bản đồ được tạo trên tải trang bằng cách sử dụng đầu vào tĩnh hoặc được tạo động bằng cách sử dụng cơ sở dữ liệu. Đây là tài liệu tôi đang xem ngay bây giờ ... Documentation

Vì vậy, những gì tôi tự hỏi liệu có cách nào để tùy chỉnh bản đồ được xây dựng bằng giao diện của Google giống như cách xây dựng nó khi tải trang không?

Levi

chỉnh sửa: Từ đọc thêm về nó, tôi đã đi đến kết luận rằng về cơ bản có hai phiên bản của Google Maps? Một cho các nhà phát triển và một cho những người chỉ muốn một bản đồ và không quan tâm nó trông như thế nào hoặc làm thế nào nó được thực hiện? bất cứ ai có thể xác nhận điều này?

Answer 1

Đúng vậy. Bản đồ iframe chỉ là một liên kết đến bản đồ của bạn trên maps.google.com. Nếu bạn muốn có thêm quyền kiểm soát bản đồ, bạn sẽ cần phải tạo ra nó với các API

• JS API v2
• JS API v3 (new)

Answer 2

Tôi biết đây là một bài cũ, nhưng tôi chắc chắn nó vẫn nhận được rất nhiều lượt xem.

Nếu bạn không muốn bận tâm đến các tập lệnh API và chỉ muốn thực sự cơ bản, bạn có thể đặt kiểu iframe google map bên trong div, sau đó tạo một parent cho div đó với overflow: hidden. Sau đó, bạn có thể sử dụng kích thước của nó so với kích thước và lề của con đang nắm giữ iframe để kiểm soát phần nào của bản đồ mà mọi người có thể xem tức là: điều khiển trên cùng bên phải và bên trái, thông tin, tỷ lệ, v.v. Tôi muốn hoàn toàn tạo một bản đồ thông qua API và cần một giải pháp hiệu quả nhanh chóng, đó không phải là một lộ trình khủng khiếp.