Sử dụng mã bản đồ

Android

Thêm mã bản đồ của bạn thông qua phần tử <fragment> trong tệp bố cục của hoạt động, bằng cách sử dụng lớp MapView hoặc theo phương thức lập trình bằng cách sử dụng lớp GoogleMapOptions.

Ví dụ: giả sử bạn đã tạo mã nhận dạng bản đồ được lưu trữ dưới dạng giá trị chuỗi có tên map_id trong res/values/strings.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="map_id">YOUR_MAP_ID</string>
</resources>

Đối với các bản đồ được thêm thông qua phần tử <fragment> trong tệp bố cục của hoạt động, tất cả các mảnh bản đồ có kiểu tuỳ chỉnh đều phải chỉ định mã bản đồ trong thuộc tính map:mapId:

<fragment xmlns:map="http://schemas.android.com/apk/res-auto"
    class="com.google.android.gms.maps.SupportMapFragment"
    …
    map:mapId="@string/map_id" />

Bạn cũng có thể sử dụng thuộc tính map:mapId của lớp MapView để chỉ định mã bản đồ:

<com.google.android.gms.maps.MapView
    xmlns:android="http://schemas.android.com/apk/res/android"
    ....
    map:mapId="@string/map_id" />

Để chỉ định mã bản đồ theo phương thức lập trình, hãy truyền mã đó đến một thực thể MapFragment bằng cách sử dụng lớp GoogleMapOptions:

 MapFragment mapFragment = MapFragment.newInstance(
     new GoogleMapOptions()
         .mapId(getResources().getString(R.string.map_id)));

 val mapFragment = MapFragment.newInstance(
     GoogleMapOptions()
         .mapId(resources.getString(R.string.map_id))
 )

Trong Android Studio, hãy tạo và chạy ứng dụng như bình thường. Các kiểu tuỳ chỉnh, như được định cấu hình trong bước đầu tiên, sẽ được áp dụng cho tất cả các bản đồ có mã nhận dạng.

iOS

Để tạo bản đồ bằng mã nhận dạng bản đồ, hãy làm theo các bước sau:

1. Tạo GMSMapID bằng chuỗi mã nhận dạng bản đồ trong Cloud Console.
2. Tạo một GMSMapView chỉ định mã bản đồ mà bạn vừa tạo.

let camera = GMSCameraPosition(latitude: 47.0169, longitude: -122.336471, zoom: 12)
let mapID = GMSMapID(identifier: "<YOUR MAP ID>")
let mapView = GMSMapView(frame: .zero, mapID: mapID, camera: camera)
self.view = mapView

GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:47.0169
                                                        longitude:-122.336471
                                                             zoom:12];
GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:@"<YOUR MAP ID>"];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:mapID camera:camera];
self.view = mapView;

Nếu đang sử dụng mã bản đồ của riêng mình, thì bạn có thể đặt mã bản đồ trong Cloud Console thành một kiểu mới bất cứ lúc nào. Khi đó, kiểu đó sẽ tự động được phản ánh trên chế độ xem bản đồ cho bạn và người dùng trong vòng khoảng 6 giờ.

Nếu muốn thấy các thay đổi ngay lập tức, bạn có thể đóng và khởi động lại ứng dụng bằng cách thoát khỏi ứng dụng, buộc thoát ứng dụng khỏi danh sách ứng dụng sử dụng gần đây rồi mở lại. Sau đó, bản đồ được cập nhật sẽ hiển thị.

JavaScript

Để tạo bản đồ bằng mã bản đồ trong mã xử lý ứng dụng của bạn:

1. Nếu bạn đang tuỳ chỉnh bản đồ bằng mã JSON đã nhúng, hãy xoá thuộc tính styles khỏi đối tượng MapOptions; nếu không, hãy bỏ qua bước này.

2. Thêm mã bản đồ vào bản đồ bằng cách sử dụng thuộc tính mapId. Ví dụ:

map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});

Bản đồ tĩnh

Để thêm mã bản đồ vào bản đồ mới hoặc hiện có sử dụng một trong các API dịch vụ web của chúng tôi, hãy thêm tham số URL map_id và đặt tham số đó thành mã bản đồ của bạn. Ví dụ này minh hoạ việc thêm mã nhận dạng bản đồ vào bản đồ bằng cách sử dụng Maps Static API.

<img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=YOUR_API_KEY&map_id=YOUR_MAP_ID&signature=YOUR_SIGNATURE" />