Thư viện địa điểm

Tổng quan

Các hàm trong Thư viện địa điểm, API JavaScript của Maps cho phép ứng dụng của bạn tìm kiếm các địa điểm (được xác định trong API này là các cơ sở, vị trí địa lý hoặc điểm yêu thích nổi bật) nằm trong một khu vực được xác định, chẳng hạn như ranh giới của bản đồ hoặc xung quanh một điểm cố định.

API Địa điểm cung cấp tính năng tự động hoàn thành mà bạn có thể sử dụng để cung cấp cho ứng dụng của mình hành vi tìm kiếm nhập trước của trường tìm kiếm trên Google Maps. Khi người dùng bắt đầu nhập địa chỉ, tính năng tự động hoàn thành sẽ điền phần còn lại. Để biết thêm thông tin, hãy xem tài liệu về tính năng tự động hoàn thành.

Bắt đầu

Nếu chưa quen với API JavaScript của Maps hoặc với JavaScript, bạn nên xem lại JavaScript và Lấy khoá API trước khi bắt đầu.

Tải thư viện

Dịch vụ Địa điểm là một thư viện độc lập, tách biệt với mã API Maps JavaScript chính. Để sử dụng chức năng có trong thư viện này, trước tiên, bạn phải tải chức năng đó bằng tham số libraries trong URL khởi động của API Maps:

<script async
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&loading=async&libraries=places&callback=initMap">
</script>

Hãy xem phần Tổng quan về thư viện để biết thêm thông tin.

Thêm Places API vào danh sách hạn chế API của khoá API

Việc áp dụng các quy tắc hạn chế về API cho khoá sẽ giới hạn việc sử dụng khoá API ở một hoặc nhiều API hoặc SDK. Các yêu cầu đến một API hoặc SDK liên kết với khoá API sẽ được xử lý. Các yêu cầu đến một API hoặc SDK không liên kết với khoá API sẽ không thành công. Cách hạn chế khoá API để sử dụng với Thư viện địa điểm, Maps JavaScript API:
  1. Truy cập vào Google Cloud Console.
  2. Nhấp vào trình đơn thả xuống dự án rồi chọn dự án chứa khoá API mà bạn muốn bảo mật.
  3. Nhấp vào nút trình đơn rồi chọn Nền tảng Google Maps > Thông tin xác thực.
  4. Trên trang Thông tin xác thực, hãy nhấp vào tên của khoá API mà bạn muốn bảo mật.
  5. Trên trang Hạn chế và đổi tên khoá API, hãy đặt các quy tắc hạn chế:
    • Các quy định hạn chế về API
      • Chọn Restrict key (Hạn chế khoá).
      • Nhấp vào Chọn API rồi chọn cả Maps JavaScript API và Places API.
        (Nếu một trong hai API không có trong danh sách, bạn cần bật API đó.)
  6. Nhấp vào LƯU.

Chính sách và hạn mức sử dụng

Hạn mức

Thư viện Địa điểm chia sẻ hạn mức sử dụng với API Địa điểm như mô tả trong tài liệu về Giới hạn sử dụng cho API Địa điểm.

Chính sách

Việc sử dụng Thư viện địa điểm, API Maps JavaScript phải tuân thủ các chính sách được mô tả cho API Địa điểm.

Nội dung tìm kiếm địa điểm

Với dịch vụ Địa điểm, bạn có thể thực hiện các loại tìm kiếm sau:

Thông tin được trả về có thể bao gồm các cơ sở — chẳng hạn như nhà hàng, cửa hàng và văn phòng — cũng như kết quả "mã địa lý", cho biết địa chỉ, khu vực hành chính như thị trấn và thành phố, cũng như các điểm yêu thích khác.

Tìm yêu cầu về Địa điểm

Yêu cầu Tìm địa điểm cho phép bạn tìm kiếm một địa điểm theo cụm từ tìm kiếm dạng văn bản hoặc số điện thoại. Có hai loại yêu cầu Tìm địa điểm:

Tìm địa điểm từ truy vấn

Hàm Tìm địa điểm từ truy vấn sẽ nhận dữ liệu đầu vào là văn bản và trả về một địa điểm. Dữ liệu đầu vào có thể là bất kỳ loại dữ liệu Địa điểm nào, chẳng hạn như tên doanh nghiệp hoặc địa chỉ. Để tạo yêu cầu Tìm địa điểm từ truy vấn, hãy gọi phương thức findPlaceFromQuery() của PlacesService. Phương thức này sẽ nhận các tham số sau:

  • query (bắt buộc) Chuỗi văn bản để tìm kiếm, ví dụ: "nhà hàng" hoặc "123 Main Street". Đây phải là tên địa điểm, địa chỉ hoặc danh mục cơ sở lưu trú. Mọi loại dữ liệu đầu vào khác đều có thể tạo ra lỗi và không được đảm bảo sẽ trả về kết quả hợp lệ. API Địa điểm sẽ trả về các kết quả trùng khớp dựa trên chuỗi này và sắp xếp kết quả dựa trên mức độ liên quan được nhận thấy.
  • fields (bắt buộc) Một hoặc nhiều trường chỉ định các loại dữ liệu về Địa điểm cần trả về.
  • locationBias (không bắt buộc) Toạ độ xác định khu vực cần tìm kiếm. Đây có thể là một trong những trạng thái sau:

Bạn cũng phải truyền một phương thức gọi lại đến findPlaceFromQuery() để xử lý đối tượng kết quả và phản hồi google.maps.places.PlacesServiceStatus.

Ví dụ sau đây cho thấy lệnh gọi đến findPlaceFromQuery(), tìm kiếm "Bảo tàng nghệ thuật đương đại Úc" và bao gồm các trường name và geometry.

var map;
var service;
var infowindow;

function initMap() {
  var sydney = new google.maps.LatLng(-33.867, 151.195);

  infowindow = new google.maps.InfoWindow();

  map = new google.maps.Map(
      document.getElementById('map'), {center: sydney, zoom: 15});

  var request = {
    query: 'Museum of Contemporary Art Australia',
    fields: ['name', 'geometry'],
  };

  var service = new google.maps.places.PlacesService(map);

  service.findPlaceFromQuery(request, function(results, status) {
    if (status === google.maps.places.PlacesServiceStatus.OK) {
      for (var i = 0; i < results.length; i++) {
        createMarker(results[i]);
      }
      map.setCenter(results[0].geometry.location);
    }
  });
}
 Xem ví dụ

Tìm địa điểm theo số điện thoại

Tìm địa điểm từ số điện thoại sẽ lấy một số điện thoại và trả về một địa điểm. Để tạo yêu cầu Tìm địa điểm từ số điện thoại, hãy gọi phương thức findPlaceFromPhoneNumber() của PlacesService. Phương thức này nhận các tham số sau:

  • phoneNumber (bắt buộc) Số điện thoại, ở định dạng E.164.
  • fields (bắt buộc) Một hoặc nhiều trường chỉ định các loại dữ liệu về Địa điểm cần trả về.
  • locationBias (không bắt buộc) Toạ độ xác định khu vực cần tìm kiếm. Có thể là một trong những trạng thái sau:

Bạn cũng phải truyền một phương thức gọi lại đến findPlaceFromPhoneNumber() để xử lý đối tượng kết quả và phản hồi google.maps.places.PlacesServiceStatus.

Trường (phương thức Tìm địa điểm)

Sử dụng tham số fields để chỉ định một mảng các loại dữ liệu địa điểm cần trả về. Ví dụ: fields: ['formatted_address', 'opening_hours', 'geometry']. Sử dụng dấu chấm khi chỉ định các giá trị phức hợp. Ví dụ: opening_hours.weekday_text.

Các trường tương ứng với kết quả Tìm kiếm địa điểm và được chia thành 3 danh mục thanh toán: Cơ bản, Thông tin liên hệ và Không gian. Các trường cơ bản được tính phí theo mức giá cơ bản và không tính thêm phí. Các trường Thông tin liên hệ và Bầu không khí sẽ được tính phí ở mức cao hơn. Hãy xem trang tính giá để biết thêm thông tin. Thuộc tính (html_attributions) luôn được trả về với mọi lệnh gọi, bất kể trường đó đã được yêu cầu hay chưa.

Cơ bản

Danh mục Cơ bản bao gồm các trường sau:
business_status, formatted_address, geometry, icon,icon_mask_base_uri, icon_background_color, name, permanently_closed (không dùng nữa), photos, place_id, plus_code, types

Lượt liên hệ

Danh mục Người liên hệ bao gồm trường sau: opening_hours
(không dùng nữa trong Thư viện địa điểm, Maps JavaScript API. Sử dụng yêu cầu Chi tiết địa điểm để nhận kết quả opening_hours).

Khí quyển

Danh mục Bầu khí quyển bao gồm các trường sau: price_level, rating, user_ratings_total

Phương thức findPlaceFromQuery() và findPlaceFromPhoneNumber() đều lấy cùng một tập hợp trường và có thể trả về cùng các trường trong phản hồi tương ứng.

Đặt độ lệch vị trí (phương thức Tìm địa điểm)

Sử dụng tham số locationBias để ưu tiên kết quả của tính năng Tìm địa điểm trong một khu vực cụ thể. Bạn có thể đặt locationBias theo các cách sau:

Kết quả thiên vị về một khu vực cụ thể:

locationBias: {lat: 37.402105, lng: -122.081974}

Xác định một vùng hình chữ nhật để tìm kiếm:

locationBias: {north: 37.41, south: 37.40, east: -122.08, west: -122.09}

Bạn cũng có thể sử dụng LatLngBounds.

Xác định bán kính để tìm kiếm (tính bằng mét), tập trung vào một khu vực cụ thể:

locationBias: {radius: 100, center: {lat: 37.402105, lng: -122.081974}}

Yêu cầu tìm kiếm lân cận

Tính năng Tìm kiếm lân cận cho phép bạn tìm kiếm các địa điểm trong một khu vực cụ thể theo từ khoá hoặc loại. Tìm kiếm lân cận phải luôn bao gồm một vị trí. Bạn có thể chỉ định vị trí theo một trong hai cách sau:

  • một LatLngBounds.
  • một vùng hình tròn được xác định là tổ hợp của thuộc tính location – chỉ định tâm của vòng tròn dưới dạng đối tượng LatLng – và bán kính, được đo bằng mét.

Thao tác tìm kiếm Địa điểm lân cận được bắt đầu bằng lệnh gọi đến phương thức nearbySearch() của PlacesService. Phương thức này sẽ trả về một mảng các đối tượng PlaceResult. Xin lưu ý rằng phương thức nearbySearch() thay thế phương thức search() kể từ phiên bản 3.9.

service = new google.maps.places.PlacesService(map);
service.nearbySearch(request, callback);

Phương thức này sẽ lấy một yêu cầu có các trường sau:

  • Một trong hai trường hợp sau:
    • bounds, phải là đối tượng google.maps.LatLngBounds xác định vùng tìm kiếm hình chữ nhật. Khoảng cách chéo tối đa được hỗ trợ cho khu vực giới hạn là khoảng 100.000 mét.
    • location và radius; đối tượng trước lấy một đối tượng google.maps.LatLng và đối tượng sau lấy một số nguyên đơn giản, đại diện cho bán kính của vòng tròn tính bằng mét. Bán kính tối đa được phép là 50.000 mét. Xin lưu ý rằng khi đặt rankBy thành DISTANCE, bạn phải chỉ định location nhưng không thể chỉ định radius hoặc bounds.
  • keyword (không bắt buộc) – Một cụm từ để so khớp với tất cả các trường hiện có, bao gồm nhưng không giới hạn ở tên, loại và địa chỉ, cũng như bài đánh giá của khách hàng và nội dung khác của bên thứ ba.
  • minPriceLevel và maxPriceLevel (không bắt buộc) – Chỉ giới hạn kết quả ở những địa điểm nằm trong phạm vi đã chỉ định. Giá trị hợp lệ nằm trong khoảng từ 0 (phải chăng nhất) đến 4 (đắt nhất).
  • name Không dùng nữa. Tương đương với keyword. Các giá trị trong trường này được kết hợp với các giá trị trong trường keyword và được truyền dưới dạng một phần của cùng một chuỗi tìm kiếm.
  • openNow (không bắt buộc) – Giá trị boolean, cho biết rằng dịch vụ Địa điểm chỉ nên trả về những địa điểm đang mở cửa kinh doanh tại thời điểm gửi truy vấn. Những địa điểm không chỉ định giờ mở cửa trong cơ sở dữ liệu Google Places sẽ không được trả về nếu bạn đưa tham số này vào truy vấn. Việc đặt openNow thành false sẽ không có hiệu lực.
  • rankBy (không bắt buộc) – Chỉ định thứ tự liệt kê kết quả. Các giá trị có thể sử dụng là:
    • google.maps.places.RankBy.PROMINENCE (mặc định). Tuỳ chọn này sẽ sắp xếp kết quả dựa trên mức độ quan trọng. Thứ hạng sẽ ưu tiên các địa điểm nổi bật trong bán kính đã đặt so với các địa điểm lân cận phù hợp nhưng ít nổi bật hơn. Mức độ nổi bật có thể chịu ảnh hưởng của thứ hạng của một địa điểm trong chỉ mục của Google, mức độ phổ biến trên toàn cầu và các yếu tố khác. Khi chỉ định google.maps.places.RankBy.PROMINENCE, bạn phải có tham số radius.
    • google.maps.places.RankBy.DISTANCE. Tuỳ chọn này sắp xếp kết quả theo thứ tự tăng dần theo khoảng cách từ location đã chỉ định (bắt buộc). Xin lưu ý rằng bạn không thể chỉ định bounds và/hoặc radius tuỳ chỉnh nếu chỉ định RankBy.DISTANCE. Khi bạn chỉ định RankBy.DISTANCE, bạn phải dùng một hoặc nhiều trong số keyword, name hoặc type.
  • type – Hạn chế kết quả ở những địa điểm khớp với loại đã chỉ định. Bạn chỉ có thể chỉ định một loại (nếu cung cấp nhiều loại, tất cả các loại theo mục đầu tiên sẽ bị bỏ qua). Xem danh sách các loại được hỗ trợ.

Bạn cũng phải truyền một phương thức gọi lại đến nearbySearch() để xử lý đối tượng kết quả và phản hồi google.maps.places.PlacesServiceStatus.

var map;
var service;
var infowindow;

function initialize() {
  var pyrmont = new google.maps.LatLng(-33.8665433, 151.1956316);

  map = new google.maps.Map(document.getElementById('map'), {
      center: pyrmont,
      zoom: 15
    });

  var request = {
    location: pyrmont,
    radius: 500,
    type: 'restaurant'
  };

  service = new google.maps.places.PlacesService(map);
  service.nearbySearch(request, callback);
}

function callback(results, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    for (var i = 0; i < results.length; i++) {
      createMarker(results[i]);
    }
  }
}

Xem ví dụ

Yêu cầu tìm kiếm văn bản

Dịch vụ Tìm kiếm bằng văn bản của Google Địa điểm là một dịch vụ web trả về thông tin về một tập hợp địa điểm dựa trên một chuỗi, ví dụ: "pizza ở New York" hoặc "cửa hàng giày gần Ottawa". Dịch vụ này phản hồi bằng một danh sách địa điểm khớp với chuỗi văn bản và mọi độ lệch vị trí đã được đặt. Phản hồi tìm kiếm sẽ bao gồm danh sách địa điểm. Bạn có thể gửi yêu cầu Thông tin chi tiết về địa điểm để biết thêm thông tin về bất kỳ địa điểm nào trong phản hồi.

Tìm kiếm văn bản được bắt đầu bằng lệnh gọi đến phương thức textSearch() của PlacesService. 

service = new google.maps.places.PlacesService(map);
service.textSearch(request, callback);

Phương thức này sẽ lấy một yêu cầu có các trường sau:

  • query (bắt buộc) Chuỗi văn bản để tìm kiếm, ví dụ: "nhà hàng" hoặc "123 Main Street". Đây phải là tên, địa chỉ hoặc danh mục của cơ sở. Mọi loại dữ liệu đầu vào khác đều có thể tạo ra lỗi và không được đảm bảo sẽ trả về kết quả hợp lệ. Dịch vụ Địa điểm sẽ trả về các kết quả trùng khớp dựa trên chuỗi này và sắp xếp kết quả dựa trên mức độ liên quan được nhận thấy. Thông số này trở thành không bắt buộc nếu thông số type cũng được sử dụng trong yêu cầu tìm kiếm.
  • Không bắt buộc:
    • openNow – Một giá trị boolean, cho biết rằng dịch vụ Địa điểm chỉ nên trả về những địa điểm đang mở cửa kinh doanh tại thời điểm gửi truy vấn. Những địa điểm không chỉ định giờ mở cửa trong cơ sở dữ liệu Google Places sẽ không được trả về nếu bạn đưa tham số này vào truy vấn. Việc đặt openNow thành false sẽ không có hiệu lực.
    • minPriceLevel và maxPriceLevel – Chỉ giới hạn kết quả ở những địa điểm nằm trong mức giá đã chỉ định. Giá trị hợp lệ nằm trong khoảng từ 0 (phải chăng nhất) đến 4 (đắt nhất).
    • Một trong hai trường hợp sau:
      • bounds, phải là đối tượng google.maps.LatLngBounds xác định vùng tìm kiếm hình chữ nhật. Khoảng cách chéo tối đa được hỗ trợ cho khu vực giới hạn là khoảng 100.000 mét.
      • location và radius – Bạn có thể nghiêng kết quả về một vòng tròn đã chỉ định bằng cách truyền tham số location và radius. Thao tác này sẽ hướng dẫn dịch vụ Địa điểm ưu tiên hiển thị kết quả trong vòng tròn đó. Kết quả bên ngoài khu vực đã xác định vẫn có thể xuất hiện. Vị trí sẽ nhận một đối tượng google.maps.LatLng và bán kính sẽ nhận một số nguyên đơn giản, đại diện cho bán kính của vòng tròn tính bằng mét. Bán kính tối đa được phép là 50.000 mét.
    • type – Hạn chế kết quả ở những địa điểm khớp với loại đã chỉ định. Bạn chỉ có thể chỉ định một loại (nếu cung cấp nhiều loại, tất cả các loại theo mục đầu tiên sẽ bị bỏ qua). Hãy xem danh sách các loại được hỗ trợ.

Bạn cũng phải truyền một phương thức gọi lại đến textSearch() để xử lý đối tượng kết quả và phản hồi google.maps.places.PlacesServiceStatus.

var map;
var service;
var infowindow;

function initialize() {
  var pyrmont = new google.maps.LatLng(-33.8665433,151.1956316);

  map = new google.maps.Map(document.getElementById('map'), {
      center: pyrmont,
      zoom: 15
    });

  var request = {
    location: pyrmont,
    radius: 500,
    query: 'restaurant'
  };

  service = new google.maps.places.PlacesService(map);
  service.textSearch(request, callback);
}

function callback(results, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    for (var i = 0; i < results.length; i++) {
      var place = results[i];
      createMarker(results[i]);
    }
  }
}

Nội dung trả lời trên Mạng Tìm kiếm

Mã trạng thái

Đối tượng phản hồi PlacesServiceStatus chứa trạng thái của yêu cầu và có thể chứa thông tin gỡ lỗi để giúp bạn theo dõi lý do yêu cầu địa điểm không thành công. Các giá trị trạng thái có thể là:

  • INVALID_REQUEST: Yêu cầu này không hợp lệ.
  • OK: Phản hồi chứa kết quả hợp lệ.
  • OVER_QUERY_LIMIT: Trang web đã vượt quá hạn mức yêu cầu.
  • REQUEST_DENIED: Trang web không được phép sử dụng PlacesService.
  • UNKNOWN_ERROR: Không thể xử lý yêu cầu PlacesService do lỗi máy chủ. Yêu cầu có thể thành công nếu bạn thử lại.
  • ZERO_RESULTS: Không tìm thấy kết quả nào cho yêu cầu này.

Kết quả tìm kiếm địa điểm

Hàm findPlace(), nearbySearch() và textSearch() trả về một mảng các đối tượng PlaceResult.

Mỗi đối tượng PlaceResult có thể bao gồm các thuộc tính sau:

  • business_status cho biết trạng thái hoạt động của địa điểm, nếu đó là một doanh nghiệp. Thuộc tính này có thể chứa một trong các giá trị sau:
    • OPERATIONAL
    • CLOSED_TEMPORARILY
    • CLOSED_PERMANENTLY
    Nếu không có dữ liệu nào, business_status sẽ không được trả về.
  • formatted_address là một chuỗi chứa địa chỉ mà con người đọc được của địa điểm này. Thuộc tính formatted_address chỉ được trả về cho một Tìm kiếm bằng văn bản.

    Thường thì địa chỉ này tương đương với địa chỉ bưu chính. Xin lưu ý rằng một số quốc gia, chẳng hạn như Vương quốc Anh, không cho phép phân phối địa chỉ bưu chính thực do các quy định hạn chế về việc cấp phép.

    Địa chỉ được định dạng được tạo thành một cách hợp lý từ một hoặc nhiều thành phần địa chỉ. Ví dụ: địa chỉ "111 8th Avenue, New York, NY" bao gồm các thành phần sau: "111" (số nhà), "8th Avenue" (tuyến đường), "New York" (thành phố) và "NY" (tiểu bang ở Hoa Kỳ).

    Không phân tích cú pháp địa chỉ đã định dạng theo phương thức lập trình. Thay vào đó, bạn nên sử dụng các thành phần địa chỉ riêng lẻ mà phản hồi API bao gồm ngoài trường địa chỉ được định dạng.

  • geometry: Thông tin liên quan đến hình học của địa điểm. Những hành vi này bao gồm:
    • location cung cấp vĩ độ và kinh độ của địa điểm.
    • viewport xác định khung nhìn ưu tiên trên bản đồ khi xem địa điểm này.
  • permanently_closed (không dùng nữa) là một cờ boolean cho biết liệu địa điểm đó đã đóng cửa vĩnh viễn hay tạm thời (giá trị true). Đừng sử dụng permanently_closed. Thay vào đó, hãy sử dụng business_status để biết trạng thái hoạt động của doanh nghiệp.
  • plus_code (xem Mã vị trí mở và mã cộng) là một tệp tham chiếu vị trí được mã hoá, bắt nguồn từ toạ độ vĩ độ và kinh độ, đại diện cho một khu vực: 1/8000 độ theo 1/8000 độ (khoảng 14m x 14m tại đường xích đạo) trở xuống. Bạn có thể sử dụng plus code để thay thế cho địa chỉ đường phố ở những nơi không có địa chỉ đường phố (những nơi không đánh số nhà hoặc không đặt tên đường).

    Mã cộng được định dạng dưới dạng mã toàn cục và mã phức hợp:

    • global_code là mã vùng gồm 4 ký tự và mã địa phương gồm 6 ký tự trở lên (849VCWC8+R9).
    • compound_code là mã địa phương có độ dài từ 6 ký tự trở lên, có vị trí rõ ràng (CWC8+R9, Mountain View, CA, USA). Không phân tích cú pháp nội dung này theo phương thức lập trình.
    Thông thường, cả mã toàn cục và mã phức hợp đều được trả về. Tuy nhiên, nếu kết quả ở một vị trí xa (ví dụ: đại dương hoặc sa mạc), thì chỉ mã chung mới được trả về.
  • html_attributions: Một mảng các thuộc tính mà bạn nên hiển thị khi hiển thị kết quả tìm kiếm. Mỗi mục trong mảng chứa văn bản HTML cho một thuộc tính. Lưu ý: Đây là dữ liệu tổng hợp tất cả các giá trị phân bổ cho toàn bộ nội dung phản hồi tìm kiếm. Do đó, tất cả đối tượng PlaceResult trong phản hồi đều chứa danh sách phân bổ giống hệt nhau.
  • icon trả về URL cho biểu tượng PNG 71px x 71px có màu.
  • icon_mask_base_uri trả về URL cơ sở cho biểu tượng không có màu, trừ phần mở rộng .svg hoặc .png.
  • icon_background_color trả về mã màu HEX mặc định cho danh mục của địa điểm.
  • name: Tên địa điểm.
  • opening_hours có thể chứa các thông tin sau:
    • open_now là một giá trị boolean cho biết địa điểm có mở cửa tại thời điểm hiện tại hay không (Không dùng nữa trong Thư viện địa điểm, Maps JavaScript API, hãy sử dụng utc_offset_minutes).
  • place_id là giá trị nhận dạng dạng văn bản giúp xác định duy nhất một địa điểm. Để truy xuất thông tin về địa điểm, hãy truyền giá trị nhận dạng này trong yêu cầu Thông tin chi tiết về địa điểm. Tìm hiểu thêm về cách tham chiếu một địa điểm bằng mã địa điểm.
  • rating chứa điểm xếp hạng của địa điểm, từ 0 đến 5, dựa trên bài đánh giá tổng hợp của người dùng.
  • types Một mảng các loại cho địa điểm này (ví dụ: ["political", "locality"] hoặc ["restaurant", "lodging"]). Mảng này có thể chứa nhiều giá trị hoặc có thể trống. Chúng tôi có thể giới thiệu các giá trị mới mà không cần thông báo trước. Xem danh sách các loại được hỗ trợ.
  • vicinity: Địa chỉ đơn giản của địa điểm, bao gồm tên đường, số nhà và địa phương, nhưng không bao gồm tỉnh/tiểu bang, mã bưu chính hoặc quốc gia. Ví dụ: văn phòng của Google tại Sydney, Úc có giá trị vicinity là 5/48 Pirrama Road, Pyrmont.

Truy cập vào kết quả bổ sung

Theo mặc định, mỗi lượt tìm kiếm địa điểm sẽ trả về tối đa 20 kết quả cho mỗi cụm từ tìm kiếm. Tuy nhiên, mỗi cụm từ tìm kiếm có thể trả về tối đa 60 kết quả, được chia thành 3 trang. Bạn có thể xem các trang khác thông qua đối tượng PlaceSearchPagination. Để truy cập vào các trang khác, bạn phải chụp đối tượng PlaceSearchPagination thông qua một hàm gọi lại. Đối tượng PlaceSearchPagination được xác định là:

  • hasNextPage là một thuộc tính boolean cho biết liệu có kết quả nào khác hay không. true khi có thêm một trang kết quả.
  • nextPage() là một hàm sẽ trả về tập hợp kết quả tiếp theo. Sau khi thực hiện một lượt tìm kiếm, bạn phải đợi 2 giây thì trang kết quả tiếp theo mới xuất hiện.

Để xem tập hợp kết quả tiếp theo, hãy gọi nextPage. Mỗi trang kết quả phải hiển thị trước khi hiển thị trang kết quả tiếp theo. Xin lưu ý rằng mỗi lượt tìm kiếm được tính là một yêu cầu đối với giới hạn sử dụng của bạn.

Ví dụ bên dưới minh hoạ cách thay đổi hàm gọi lại để thu thập đối tượng PlaceSearchPagination, nhờ đó bạn có thể đưa ra nhiều yêu cầu tìm kiếm.

TypeScript

// This example requires the Places library. Include the libraries=places
// parameter when you first load the API. For example:
// <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places">

function initMap(): void {
  // Create the map.
  const pyrmont = { lat: -33.866, lng: 151.196 };
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      center: pyrmont,
      zoom: 17,
      mapId: "8d193001f940fde3",
    } as google.maps.MapOptions
  );

  // Create the places service.
  const service = new google.maps.places.PlacesService(map);
  let getNextPage: () => void | false;
  const moreButton = document.getElementById("more") as HTMLButtonElement;

  moreButton.onclick = function () {
    moreButton.disabled = true;

    if (getNextPage) {
      getNextPage();
    }
  };

  // Perform a nearby search.
  service.nearbySearch(
    { location: pyrmont, radius: 500, type: "store" },
    (
      results: google.maps.places.PlaceResult[] | null,
      status: google.maps.places.PlacesServiceStatus,
      pagination: google.maps.places.PlaceSearchPagination | null
    ) => {
      if (status !== "OK" || !results) return;

      addPlaces(results, map);
      moreButton.disabled = !pagination || !pagination.hasNextPage;

      if (pagination && pagination.hasNextPage) {
        getNextPage = () => {
          // Note: nextPage will call the same handler function as the initial call
          pagination.nextPage();
        };
      }
    }
  );
}

function addPlaces(
  places: google.maps.places.PlaceResult[],
  map: google.maps.Map
) {
  const placesList = document.getElementById("places") as HTMLElement;

  for (const place of places) {
    if (place.geometry && place.geometry.location) {
      const image = {
        url: place.icon!,
        size: new google.maps.Size(71, 71),
        origin: new google.maps.Point(0, 0),
        anchor: new google.maps.Point(17, 34),
        scaledSize: new google.maps.Size(25, 25),
      };

      new google.maps.Marker({
        map,
        icon: image,
        title: place.name!,
        position: place.geometry.location,
      });

      const li = document.createElement("li");

      li.textContent = place.name!;
      placesList.appendChild(li);

      li.addEventListener("click", () => {
        map.setCenter(place.geometry!.location!);
      });
    }
  }
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts

JavaScript

// This example requires the Places library. Include the libraries=places
// parameter when you first load the API. For example:
// <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places">
function initMap() {
  // Create the map.
  const pyrmont = { lat: -33.866, lng: 151.196 };
  const map = new google.maps.Map(document.getElementById("map"), {
    center: pyrmont,
    zoom: 17,
    mapId: "8d193001f940fde3",
  });
  // Create the places service.
  const service = new google.maps.places.PlacesService(map);
  let getNextPage;
  const moreButton = document.getElementById("more");

  moreButton.onclick = function () {
    moreButton.disabled = true;
    if (getNextPage) {
      getNextPage();
    }
  };

  // Perform a nearby search.
  service.nearbySearch(
    { location: pyrmont, radius: 500, type: "store" },
    (results, status, pagination) => {
      if (status !== "OK" || !results) return;

      addPlaces(results, map);
      moreButton.disabled = !pagination || !pagination.hasNextPage;
      if (pagination && pagination.hasNextPage) {
        getNextPage = () => {
          // Note: nextPage will call the same handler function as the initial call
          pagination.nextPage();
        };
      }
    },
  );
}

function addPlaces(places, map) {
  const placesList = document.getElementById("places");

  for (const place of places) {
    if (place.geometry && place.geometry.location) {
      const image = {
        url: place.icon,
        size: new google.maps.Size(71, 71),
        origin: new google.maps.Point(0, 0),
        anchor: new google.maps.Point(17, 34),
        scaledSize: new google.maps.Size(25, 25),
      };

      new google.maps.Marker({
        map,
        icon: image,
        title: place.name,
        position: place.geometry.location,
      });

      const li = document.createElement("li");

      li.textContent = place.name;
      placesList.appendChild(li);
      li.addEventListener("click", () => {
        map.setCenter(place.geometry.location);
      });
    }
  }
}

window.initMap = initMap;
index.js
Xem ví dụ

Thử mẫu

Thông tin về địa điểm

Ngoài việc cung cấp danh sách các địa điểm trong một khu vực, dịch vụ Địa điểm cũng có thể trả về thông tin chi tiết về một địa điểm cụ thể. Sau khi một địa điểm được trả về trong phản hồi tìm kiếm địa điểm, bạn có thể sử dụng mã địa điểm của địa điểm đó để yêu cầu thêm thông tin chi tiết về địa điểm đó, chẳng hạn như địa chỉ đầy đủ, số điện thoại, điểm xếp hạng của người dùng và bài đánh giá, v.v.

Yêu cầu về thông tin chi tiết về địa điểm

Thông tin chi tiết về địa điểm được yêu cầu bằng lệnh gọi đến phương thức getDetails() của dịch vụ.

service = new google.maps.places.PlacesService(map);
service.getDetails(request, callback);

Phương thức này nhận một yêu cầu, chứa placeId của địa điểm mong muốn và các trường cho biết loại dữ liệu Địa điểm cần trả về. Tìm hiểu thêm về cách tham chiếu một địa điểm bằng mã địa điểm.

Phương thức này cũng cần một phương thức gọi lại để xử lý mã trạng thái được truyền trong phản hồi google.maps.places.PlacesServiceStatus, cũng như đối tượng google.maps.places.PlaceResult.

var request = {
  placeId: 'ChIJN1t_tDeuEmsRUsoyG83frY4',
  fields: ['name', 'rating', 'formatted_phone_number', 'geometry']
};

service = new google.maps.places.PlacesService(map);
service.getDetails(request, callback);

function callback(place, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    createMarker(place);
  }
}

Xem ví dụ

Trường (Thông tin chi tiết về địa điểm)

Tham số fields nhận một mảng chuỗi (tên trường).

Sử dụng tham số fields để chỉ định một mảng các loại dữ liệu địa điểm cần trả về. Ví dụ: fields: ['address_components', 'opening_hours', 'geometry']. Sử dụng dấu chấm khi chỉ định các giá trị phức hợp. Ví dụ: opening_hours.weekday_text.

Các trường tương ứng với kết quả của Chi tiết về địa điểm và được chia thành 3 danh mục thanh toán: Cơ bản, Thông tin liên hệ và Không gian. Các trường cơ bản được tính theo mức giá cơ bản và không tính thêm phí. Các trường Người liên hệ và Bầu không khí được tính phí ở mức cao hơn. Hãy xem trang tính giá để biết thêm thông tin. Thuộc tính (html_attributions) luôn được trả về với mọi lệnh gọi, bất kể lệnh gọi đó có được yêu cầu hay không.

Cơ bản

Danh mục Cơ bản bao gồm các trường sau:
address_components, adr_address, business_status, formatted_address, geometry, icon, icon_mask_base_uri, icon_background_color,name, permanently_closed (không dùng nữa), photo, place_id, plus_code, type, url, utc_offset (không dùng nữa trong Thư viện địa điểm, Maps JavaScript API), utc_offset_minutes, vicinity

Lượt liên hệ

Danh mục Thông tin liên hệ bao gồm các trường sau:
formatted_phone_number, international_phone_number, opening_hours, website

Khí quyển

Danh mục Bầu khí quyển bao gồm các trường sau: price_level, rating, reviews, user_ratings_total

Tìm hiểu thêm về trường địa điểm. Để biết thêm thông tin về cách tính phí các yêu cầu dữ liệu về Địa điểm, hãy xem phần Mức sử dụng và tính phí.

Nội dung phản hồi về thông tin chi tiết về địa điểm

Mã trạng thái

Đối tượng phản hồi PlacesServiceStatus chứa trạng thái của yêu cầu và có thể chứa thông tin gỡ lỗi để giúp bạn theo dõi lý do yêu cầu Thông tin chi tiết về địa điểm không thành công. Các giá trị trạng thái có thể là:

  • INVALID_REQUEST: Yêu cầu này không hợp lệ.
  • OK: Phản hồi chứa kết quả hợp lệ.
  • OVER_QUERY_LIMIT: Trang web đã vượt quá hạn mức yêu cầu.
  • NOT_FOUND Không tìm thấy vị trí được tham chiếu trong cơ sở dữ liệu Địa điểm.
  • REQUEST_DENIED: Trang web không được phép sử dụng PlacesService.
  • UNKNOWN_ERROR: Không thể xử lý yêu cầu PlacesService do lỗi máy chủ. Yêu cầu có thể thành công nếu bạn thử lại.
  • ZERO_RESULTS: Không tìm thấy kết quả nào cho yêu cầu này.

Kết quả về thông tin chi tiết về địa điểm

Lệnh gọi getDetails() thành công sẽ trả về một đối tượng PlaceResult có các thuộc tính sau:

  • address_components: Một mảng chứa các thành phần riêng biệt áp dụng cho địa chỉ này.

    Mỗi thành phần địa chỉ thường chứa các trường sau:

    • types[] là một mảng cho biết loại của thành phần địa chỉ. Xem danh sách các loại được hỗ trợ.
    • long_name là nội dung mô tả văn bản đầy đủ hoặc tên của thành phần địa chỉ do Trình dịch địa lý trả về.
    • short_name là tên văn bản viết tắt của thành phần địa chỉ, nếu có. Ví dụ: thành phần địa chỉ cho tiểu bang Alaska có thể có long_name là "Alaska" và short_name là "AK" bằng cách sử dụng chữ viết tắt theo mã bưu chính gồm 2 chữ cái.

    Lưu ý những thông tin sau đây về mảng address_components[]:

    • Mảng thành phần địa chỉ có thể chứa nhiều thành phần hơn formatted_address.
    • Mảng này không nhất thiết phải bao gồm tất cả các thực thể chính trị chứa địa chỉ, ngoài những thực thể có trong formatted_address. Để truy xuất tất cả các thực thể chính trị chứa một địa chỉ cụ thể, bạn nên sử dụng tính năng mã hoá địa lý đảo ngược, truyền vĩ độ/kinh độ của địa chỉ dưới dạng tham số cho yêu cầu.
    • Định dạng của phản hồi không được đảm bảo sẽ giữ nguyên giữa các yêu cầu. Cụ thể, số lượng address_components thay đổi tuỳ theo địa chỉ được yêu cầu và có thể thay đổi theo thời gian đối với cùng một địa chỉ. Một thành phần có thể thay đổi vị trí trong mảng. Loại thành phần có thể thay đổi. Một thành phần cụ thể có thể bị thiếu trong phản hồi sau.
  • business_status cho biết trạng thái hoạt động của địa điểm, nếu đó là một doanh nghiệp. Thuộc tính này có thể chứa một trong các giá trị sau:
    • OPERATIONAL
    • CLOSED_TEMPORARILY
    • CLOSED_PERMANENTLY
    Nếu không có dữ liệu nào, business_status sẽ không được trả về.
  • formatted_address: Địa chỉ mà con người có thể đọc được của địa điểm này.

    Thường thì địa chỉ này tương đương với địa chỉ bưu chính. Xin lưu ý rằng một số quốc gia, chẳng hạn như Vương quốc Anh, không cho phép phân phối địa chỉ bưu chính thực do các quy định hạn chế về việc cấp phép.

    Địa chỉ được định dạng được tạo thành một cách hợp lý từ một hoặc nhiều thành phần địa chỉ. Ví dụ: địa chỉ "111 8th Avenue, New York, NY" bao gồm các thành phần sau: "111" (số nhà), "8th Avenue" (tuyến đường), "New York" (thành phố) và "NY" (tiểu bang ở Hoa Kỳ).

    Không phân tích cú pháp địa chỉ đã định dạng theo phương thức lập trình. Thay vào đó, bạn nên sử dụng các thành phần địa chỉ riêng lẻ mà phản hồi API bao gồm ngoài trường địa chỉ được định dạng.

  • formatted_phone_number: Số điện thoại của địa điểm, được định dạng theo quy ước theo khu vực của số điện thoại.
  • geometry: Thông tin liên quan đến hình học của địa điểm. Những hành vi này bao gồm:
    • location cung cấp vĩ độ và kinh độ của địa điểm.
    • viewport xác định khung nhìn ưu tiên trên bản đồ khi xem địa điểm này.
  • permanently_closed (không dùng nữa) là một cờ boolean cho biết liệu địa điểm đó đã đóng cửa vĩnh viễn hay tạm thời (giá trị true). Đừng sử dụng permanently_closed. Thay vào đó, hãy sử dụng business_status để biết trạng thái hoạt động của doanh nghiệp.
  • plus_code (xem Mã vị trí mở và mã cộng) là một tệp tham chiếu vị trí được mã hoá, bắt nguồn từ toạ độ vĩ độ và kinh độ, đại diện cho một khu vực: 1/8000 độ theo 1/8000 độ (khoảng 14m x 14m tại đường xích đạo) trở xuống. Bạn có thể sử dụng plus code để thay thế cho địa chỉ đường phố ở những nơi không có địa chỉ đường phố (những nơi không đánh số nhà hoặc không đặt tên đường).

    Mã cộng được định dạng dưới dạng mã toàn cục và mã phức hợp:

    • global_code là mã vùng gồm 4 ký tự và mã địa phương gồm 6 ký tự trở lên (849VCWC8+R9).
    • compound_code là mã địa phương có độ dài từ 6 ký tự trở lên, có vị trí rõ ràng (CWC8+R9, Mountain View, CA, USA). Không phân tích cú pháp nội dung này theo phương thức lập trình.
    Thông thường, cả mã toàn cục và mã phức hợp đều được trả về. Tuy nhiên, nếu kết quả ở một vị trí xa (ví dụ: đại dương hoặc sa mạc), thì chỉ mã chung mới được trả về.
  • html_attributions: Văn bản thuộc tính sẽ hiển thị cho kết quả địa điểm này.
  • icon: URL đến một tài nguyên hình ảnh có thể dùng để biểu thị loại của địa điểm này.
  • international_phone_number chứa số điện thoại của địa điểm ở định dạng quốc tế. Định dạng quốc tế bao gồm mã quốc gia và có tiền tố là dấu cộng (+). Ví dụ: international_phone_number cho văn phòng của Google tại Sydney, Úc là +61 2 9374 4000.
  • name: Tên địa điểm.
  • utc_offset Không dùng nữa trong Thư viện địa điểm, Maps JavaScript API, hãy sử dụng utc_offset_minutes.
  • utc_offset_minutes chứa số phút mà múi giờ hiện tại của địa điểm này chênh lệch so với giờ UTC. Ví dụ: đối với các địa điểm ở Sydney, Úc trong giờ mùa hè, giá trị này sẽ là 660 (+11 giờ so với giờ UTC) và đối với các địa điểm ở California ngoài giờ mùa hè, giá trị này sẽ là -480 (-8 giờ so với giờ UTC).
  • opening_hours chứa các thông tin sau:
    • open_now (Không dùng nữa trong Thư viện địa điểm, Maps JavaScript API; hãy sử dụng opening_hours.isOpen(). Xem video này để biết cách sử dụng isOpen với Chi tiết địa điểm.) là một giá trị boolean cho biết địa điểm có mở cửa tại thời điểm hiện tại hay không.
    • periods[] là một mảng gồm các khoảng thời gian mở cửa trong 7 ngày, bắt đầu từ Chủ Nhật theo thứ tự thời gian. Mỗi giai đoạn chứa:
      • open chứa một cặp đối tượng ngày và giờ mô tả thời điểm địa điểm mở cửa:
        • day một số từ 0 đến 6, tương ứng với các ngày trong tuần, bắt đầu từ Chủ Nhật. Ví dụ: 2 có nghĩa là thứ Ba.
        • time có thể chứa giờ trong ngày theo định dạng hhmm 24 giờ (giá trị nằm trong khoảng 0000–2359). time sẽ được báo cáo theo múi giờ của địa điểm.
      • close có thể chứa một cặp đối tượng ngày và giờ mô tả thời điểm địa điểm đóng cửa. Lưu ý: Nếu một địa điểm luôn mở cửa, thì phần close sẽ bị thiếu trong phản hồi. Các ứng dụng có thể dựa vào trạng thái luôn mở được biểu thị dưới dạng một dấu chấm open chứa day có giá trị 0 và time có giá trị 0000, đồng thời không có close.
    • weekday_text là một mảng gồm 7 chuỗi đại diện cho giờ mở cửa được định dạng cho mỗi ngày trong tuần. Nếu bạn chỉ định tham số language trong yêu cầu Thông tin chi tiết về địa điểm, Dịch vụ địa điểm sẽ định dạng và bản địa hoá giờ mở cửa cho phù hợp với ngôn ngữ đó. Thứ tự của các phần tử trong mảng này phụ thuộc vào tham số language. Một số ngôn ngữ bắt đầu tuần vào thứ Hai, trong khi một số ngôn ngữ khác bắt đầu vào Chủ Nhật.
  • permanently_closed (không dùng nữa) là một cờ boolean cho biết liệu địa điểm đó đã đóng cửa vĩnh viễn hay tạm thời (giá trị true). Đừng sử dụng permanently_closed. Thay vào đó, hãy sử dụng business_status để biết trạng thái hoạt động của doanh nghiệp.
  • photos[]: một mảng các đối tượng PlacePhoto. Bạn có thể sử dụng PlacePhoto để lấy ảnh bằng phương thức getUrl() hoặc kiểm tra đối tượng để biết các giá trị sau:
    • height: chiều cao tối đa của hình ảnh, tính bằng pixel.
    • width: chiều rộng tối đa của hình ảnh, tính bằng pixel.
    • html_attributions: Văn bản ghi công sẽ hiển thị cùng với ảnh địa điểm này.
  • place_id: Giá trị nhận dạng dạng văn bản giúp xác định duy nhất một địa điểm và có thể được dùng để truy xuất thông tin về địa điểm đó thông qua yêu cầu Thông tin chi tiết về địa điểm. Tìm hiểu thêm về cách tham chiếu một địa điểm bằng mã địa điểm.
  • rating: Điểm xếp hạng của địa điểm, từ 0 đến 5, dựa trên bài đánh giá tổng hợp của người dùng.
  • reviews một mảng gồm tối đa 5 bài đánh giá. Mỗi bài đánh giá bao gồm một số thành phần:
    • aspects[] chứa một mảng các đối tượng PlaceAspectRating, mỗi đối tượng cung cấp một điểm xếp hạng của một thuộc tính duy nhất của cơ sở lưu trú. Đối tượng đầu tiên trong mảng được coi là phương diện chính. Mỗi PlaceAspectRating được xác định là:
      • type tên của khía cạnh đang được xếp hạng. Các loại sau đây được hỗ trợ: appeal, atmosphere, decor, facilities, food, overall, quality và service.
      • rating điểm xếp hạng của người dùng cho khía cạnh cụ thể này, từ 0 đến 3.
    • author_name tên của người dùng đã gửi bài đánh giá. Bài đánh giá ẩn danh được ghi là "Một người dùng Google". Nếu bạn đặt thông số ngôn ngữ, thì cụm từ "Người dùng Google" sẽ trả về một chuỗi được bản địa hoá.
    • author_url URL đến hồ sơ Google+ của người dùng, nếu có.
    • language mã ngôn ngữ IETF cho biết ngôn ngữ được sử dụng trong bài đánh giá của người dùng. Trường này chỉ chứa thẻ ngôn ngữ chính, chứ không phải thẻ phụ cho biết quốc gia hoặc khu vực. Ví dụ: tất cả bài đánh giá bằng tiếng Anh đều được gắn thẻ là "en" chứ không phải "en-AU" hoặc "en-UK", v.v.
    • rating điểm xếp hạng tổng thể của người dùng cho địa điểm này. Đây là một số nguyên, trong khoảng từ 1 đến 5.
    • text bài đánh giá của người dùng. Khi đánh giá một vị trí bằng Google Địa điểm, bài đánh giá dạng văn bản được coi là không bắt buộc; do đó, trường này có thể để trống.
  • types Một mảng các loại cho địa điểm này (ví dụ: ["political", "locality"] hoặc ["restaurant", "lodging"]). Mảng này có thể chứa nhiều giá trị hoặc có thể trống. Chúng tôi có thể giới thiệu các giá trị mới mà không cần thông báo trước. Xem danh sách các loại được hỗ trợ.
  • url: URL của trang chính thức của Google về địa điểm này. Đây là trang do Google sở hữu, chứa thông tin tốt nhất hiện có về địa điểm đó. Ứng dụng phải liên kết hoặc nhúng trang này trên mọi màn hình hiển thị kết quả chi tiết về địa điểm cho người dùng.
  • vicinity: Địa chỉ đơn giản của địa điểm, bao gồm tên đường, số nhà và địa phương, nhưng không bao gồm tỉnh/tiểu bang, mã bưu chính hoặc quốc gia. Ví dụ: văn phòng của Google tại Sydney, Úc có giá trị vicinity là 5/48 Pirrama Road, Pyrmont. Thuộc tính vicinity chỉ được trả về cho một Tìm kiếm lân cận.
  • website liệt kê trang web có thẩm quyền của địa điểm này, chẳng hạn như trang chủ của doanh nghiệp.

Lưu ý: Điểm xếp hạng nhiều phương diện có thể không có ở một số vị trí. Nếu có quá ít bài đánh giá, thì nội dung phản hồi chi tiết sẽ bao gồm điểm xếp hạng cũ theo thang điểm từ 0 đến 5 (nếu có) hoặc không có điểm xếp hạng nào.

Tham chiếu đến một Địa điểm bằng Mã địa điểm

Mã địa điểm là một tham chiếu duy nhất đến một địa điểm trên Google Maps. Mã địa điểm có sẵn cho hầu hết các vị trí, bao gồm cả doanh nghiệp, địa danh, công viên và giao lộ.

Để sử dụng mã địa điểm trong ứng dụng, trước tiên, bạn phải tra cứu mã này. Mã này có trong PlaceResult của yêu cầu Tìm kiếm địa điểm hoặc Chi tiết. Sau đó, bạn có thể sử dụng mã địa điểm này để tra cứu Thông tin chi tiết về địa điểm.

Mã địa điểm không phải tuân thủ các quy định hạn chế về việc lưu vào bộ nhớ đệm nêu trong Mục 3.2.3(b) của Điều khoản dịch vụ của Nền tảng Google Maps. Do đó, bạn có thể lưu trữ các giá trị mã địa điểm để sử dụng sau. Để biết các phương pháp hay nhất khi lưu trữ mã địa điểm, hãy xem phần tổng quan về mã địa điểm.

var map;

function initialize() {
  // Create a map centered in Pyrmont, Sydney (Australia).
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: -33.8666, lng: 151.1958},
    zoom: 15
  });

  // Search for Google's office in Australia.
  var request = {
    location: map.getCenter(),
    radius: '500',
    query: 'Google Sydney'
  };

  var service = new google.maps.places.PlacesService(map);
  service.textSearch(request, callback);
}

// Checks that the PlacesServiceStatus is OK, and adds a marker
// using the place ID and location from the PlacesService.
function callback(results, status) {
  if (status == google.maps.places.PlacesServiceStatus.OK) {
    var marker = new google.maps.Marker({
      map: map,
      place: {
        placeId: results[0].place_id,
        location: results[0].geometry.location
      }
    });
  }
}

google.maps.event.addDomListener(window, 'load', initialize);

Hình ảnh về địa điểm

Tính năng Ảnh địa điểm cho phép bạn thêm nội dung ảnh chất lượng cao vào trang web của mình. Dịch vụ Ảnh cho phép bạn truy cập vào hàng triệu ảnh được lưu trữ trong cơ sở dữ liệu của Địa điểm và Google+ Địa phương. Khi bạn nhận được thông tin về địa điểm bằng cách sử dụng yêu cầu Thông tin chi tiết về địa điểm, hệ thống sẽ trả về các tệp tham chiếu ảnh cho nội dung ảnh có liên quan. Yêu cầu Tìm kiếm lân cận và Tìm kiếm bằng văn bản cũng trả về một tham chiếu ảnh duy nhất cho mỗi địa điểm, khi có liên quan. Sau đó, bằng cách sử dụng dịch vụ Ảnh, bạn có thể truy cập vào các ảnh được tham chiếu và đổi kích thước hình ảnh thành kích thước tối ưu cho ứng dụng của mình.

Một mảng đối tượng PlacePhoto sẽ được trả về trong đối tượng PlaceResult cho mọi yêu cầu getDetails(), textSearch() hoặc nearbySearch() được thực hiện đối với PlacesService.

Lưu ý: Số lượng ảnh được trả về sẽ khác nhau tuỳ theo yêu cầu.

  • Tìm kiếm lân cận hoặc Tìm kiếm bằng văn bản sẽ trả về tối đa một đối tượng PlacePhoto.
  • Yêu cầu Thông tin chi tiết sẽ trả về tối đa 10 đối tượng PlacePhoto.

Bạn có thể yêu cầu URL cho hình ảnh được liên kết bằng cách gọi phương thức PlacePhoto.getUrl() và truyền một đối tượng PhotoOptions hợp lệ. Đối tượng PhotoOptions cho phép bạn chỉ định chiều cao và chiều rộng tối đa mong muốn của hình ảnh. Nếu bạn chỉ định một giá trị cho cả maxHeight và maxWidth, dịch vụ ảnh sẽ đổi kích thước hình ảnh thành kích thước nhỏ hơn trong hai kích thước, đồng thời duy trì tỷ lệ khung hình gốc.

Đoạn mã sau đây chấp nhận đối tượng địa điểm và thêm điểm đánh dấu vào bản đồ nếu có ảnh. Hình ảnh điểm đánh dấu mặc định sẽ được thay thế bằng một phiên bản nhỏ của ảnh.

function createPhotoMarker(place) {
  var photos = place.photos;
  if (!photos) {
    return;
  }

  var marker = new google.maps.Marker({
    map: map,
    position: place.geometry.location,
    title: place.name,
    icon: photos[0].getUrl({maxWidth: 35, maxHeight: 35})
  });
}

Ảnh do dịch vụ Photos trả về được lấy từ nhiều nguồn, bao gồm cả ảnh do chủ doanh nghiệp và người dùng đóng góp. Trong hầu hết trường hợp, bạn có thể sử dụng những bức ảnh này mà không cần ghi công hoặc sẽ có phần ghi công bắt buộc trong hình ảnh. Tuy nhiên, nếu phần tử photo được trả về có chứa một giá trị trong trường html_attributions, thì bạn phải thêm thông tin ghi công bổ sung vào ứng dụng của mình bất cứ khi nào hiển thị hình ảnh.