Trong tài liệu này, bạn sẽ tìm hiểu cách sử dụng API Tìm kiếm lân cận (Mới) đến tạo nên một giải pháp quảng cáo đơn giản và tiết kiệm chi phí
trải nghiệm khám phá địa phương.
Trải nghiệm khám phá địa phương cho người dùng thấy các địa điểm yêu thích quan trọng ở gần một vị trí bạn chỉ định khi tìm kiếm khách sạn hoặc bất động sản. Nó thường bao gồm bản đồ tương tác, với một bảng điều khiển bổ sung chứa trình chọn địa điểm và thư viện ảnh. Bạn sẽ được giới thiệu về Nền tảng Google Maps khác sản phẩm và khả năng để nâng cao trải nghiệm thông qua tính tương tác.
Trường hợp sử dụng
Bây giờ, hãy cùng tìm hiểu xem yếu tố nào của việc tích hợp khám phá cục bộ thúc đẩy người dùng giá trị:
Khám phá - Cung cấp cho người dùng thông tin tổng quan về những gì xung quanh một vị trí bằng cách hiển thị nhiều loại địa điểm có liên quan.
Tương tác – Cho phép người dùng chọn một địa điểm và linh động làm mới dữ liệu
so với địa điểm đó.
Hình ảnh trực quan – Cung cấp bài đánh giá và hình ảnh về địa điểm
và thời gian đi bộ cũng như khoảng cách để người dùng nhanh chóng hiểu được liệu phương tiện đó có phù hợp với nhu cầu của họ.
Cấu trúc tham chiếu
Khám phá tại địa phương
Có nhiều cách để tạo nên một trải nghiệm khám phá địa phương. Nội dung sau đây tích hợp là một ví dụ tuỳ chỉnh về trải nghiệm người dùng tận dụng tốt các API Nền tảng Google Maps đã biết cũng như một số tính năng mới thú vị. Nếu bạn Nếu muốn có một cách tiếp cận theo mẫu đối với hoạt động khám phá địa phương, bạn có thể dùng công cụ Web Thành phần.
Ứng dụng mẫu
Hướng dẫn từng bước về mẫu
Bạn sẽ tìm thấy trong bảng bên dưới ứng dụng mẫu được chia thành các bước cùng với mô tả về việc triển khai kỹ thuật với Google Maps API nền tảng.
1. Tìm kiếm vị trí với vị trí tự động hoàn thành trong Tìm kiếm
- Tải API JavaScript của Maps.
- Truy vấn Tự động hoàn thành theo địa điểm hoặc chọn vị trí trên bản đồ.
2. Giới thiệu các địa điểm yêu thích tại địa phương bằng API Tìm kiếm lân cận (Mới)
- Xếp hạng mức độ phổ biến (kết quả có liên quan hơn) hoặc Xếp hạng khoảng cách.
includedTypes
,excludedTypes
; Nếu là khách sạn, bạn có thể loại trừ loại "nhà nghỉ" và chỉ bao gồm các loại phù hợp, ví dụ: "nhà hàng, quán cà phê, công viên, tourit_attraction”.- Tận dụng
includedPrimaryTypes
,excludedPrimaryTypes
để tận hưởng nhiều lợi ích hơn nữa quyền kiểm soát kết quả. - "Giới hạn vị trí" để tránh số lượng kết quả không đủ hoặc quá xa địa điểm ; trong trường hợp KHÔNG có kết quả nào, hãy mở rộng kích thước vòng tròn / hình chữ nhật trước để hiển thị kết quả.
Mẫu truy vấn khi đặt phòng khách sạn có các trường Dữ liệu được yêu cầu:
- Cơ bản (
displayName
,types
,openingHours
,formattedAddress
) - Liên hệ (
websiteUri
,nationalPhoneNumber
,internationalPhoneNumber
) - Nên dùng (
reviews
,priceLevel
,userRatingCount
)
{ "includedTypes": ["restaurant","cafe","park"], "excludedTypes": ["lodging","convenience_store"], "includedPrimaryTypes": ["restaurant","tourist_attraction","airport"], "excludedPrimaryTypes": ["lodging"], "maxResultCount": 20, "locationRestriction": { "circle": { "center": { "latitude": 37.7937, "longitude": -122.3965 }, "radius": 500.0 } } }
Ví dụ về truy vấn khi tìm kiếm một bất động sản trong đó các trường Dữ liệu được yêu cầu:
- Cơ bản (
displayName
,types
,openingHours
,formattedAddress
)
{ "includedTypes": ["school","transport","bus","convenience_store"], "excludedTypes": ["lodging"], "includedPrimaryTypes": ["restaurant","tourist_attraction","airport"], "excludedPrimaryTypes": ["lodging"], "maxResultCount": 20, "locationRestriction": { "circle": { "center": { "latitude": 37.7937, "longitude": -122.3965 }, "radius": 500.0 } } }
3. Thêm tương tác bằng API động và API Chỉ đường
- Cập nhật đoạn đường và số bước bằng cách truy vấn Chỉ đường . * Sử dụng thời gian trong phần tiếp theo.
4. Hiển thị thông tin chi tiết về địa điểm khi tương tác
Nội dung mô tả:
displayName
,types
,rating
,userRatingCount
,priceLevel
.Thời gian: lấy từ truy vấn API hướng dẫn trước đó.
Bài đánh giá:
reviews[i].author
,reviews[i].rating
,reviews[i].text
.Hình ảnh: trong Bản xem trước không hạn chế của API Tìm kiếm lân cận (Mới), bạn sẽ phải truy vấn Địa điểm Chi tiết với
place.id
để tải photo_reference sau đó truy vấn từng lần một trong trải nghiệm của bạn
Số lượng truy vấn và chi phí được liên kết
- JavaScript cho Maps API: 1 bản đồ khi trải nghiệm đang được tải.
- API Tự động hoàn thành của địa điểm: 1 truy vấn cho mỗi ký tự được nhập (nếu sử dụng hàm Tự động hoàn thành Tiện ích), thì bạn có thể tuỳ chỉnh nó.
- Tìm kiếm lân cận (Mới) API: Cứ 20 địa điểm sẽ có 1 truy vấn xuất hiện. Thông tin thanh toán khác nhau tuỳ theo Địa điểm bằng nhiều dữ liệu là một phần của phản hồi truy vấn.
- Đường đi API: 1 truy vấn mỗi địa điểm do người dùng chọn.
- Ảnh địa điểm API: 1 truy vấn mỗi ảnh hiển thị.
Kết luận
Trải nghiệm khám phá địa phương là cách hiệu quả để mang lại giá trị cho người dùng. Chiến dịch này bản minh hoạ có nhiều tính năng mà bạn có thể đưa vào khi tạo ra một trải nghiệm như vậy trên Nền tảng Google Maps bằng những khả năng đặc biệt từ API Tìm kiếm lân cận (Mới)
Các bước tiếp theo
Bạn nên đọc thêm:
- Thành phần web trong Maps JavaScript API
- Tối ưu hoá tính năng tự động hoàn thành dành cho địa điểm
- Dịch vụ địa điểm khác
- Hãy để lại ý kiến phản hồi bên dưới.
Người đóng góp
Tác giả chính:
Thomas Anglaret | Google Maps Kỹ sư giải pháp nền tảng