SDK Bản đồ dành cho iOS phiên bản 3.10.0 Beta

SDK bản đồ dành cho iOS phiên bản 3.10.0 Beta ra mắt các tính năng mới sau đây để bạn dùng thử:

  • Tuỳ chỉnh bản đồ bằng tính năng Định kiểu bản đồ dựa trên đám mây
  • Tuỳ chỉnh hình nhiều đường: hình nhiều đường được đóng dấu

Tuỳ chỉnh bản đồ bằng tính năng Định kiểu bản đồ dựa trên đám mây (thử nghiệm)

Giờ đây, bạn có thể tạo kiểu tuỳ chỉnh và sử dụng mã thông báo để chỉ định kiểu đó cho bản đồ trong ứng dụng và trang web của mình. Để biết thêm thông tin, hãy xem phần Tổng quan về tính năng tuỳ chỉnh bản đồ iOS.

Tuỳ chỉnh hình nhiều đường: hình nhiều đường được đóng dấu

Bạn có thể đặt giao diện của hình nhiều đường thành kết cấu bitmap lặp lại bằng cách sử dụng GMSTextureStyle. Hình ảnh bao phủ hoàn toàn đường kẻ, nhưng bị cắt bớt xung quanh các điểm cuối và đỉnh.

Để tạo một hình nhiều đường có đóng dấu, hãy tạo một GMSStampStyle của GMSTextureStyle. Sau đó, hãy đặt thuộc tính này trên đối tượng tuỳ chọn của hình dạng bằng cách sử dụng stampStyle, như minh hoạ dưới đây:

Swift

let path = GMSMutablePath()
path.addLatitude(-37.81319, longitude: 144.96298)
path.addLatitude(-31.95285, longitude: 115.85734)
let polyline = GMSPolyline(path: path)
let redWithStamp = GMSStrokeStyle.solidColor(.red)

let image = UIImage(named: "imageFromBundleOrAsset")! // Image could be from anywhere
redWithStamp.stampStyle = GMSTextureStyle(image: image)

let span = GMSStyleSpan(style: redWithStamp)
polyline.spans = [span]
polyline.map = mapView

Objective-C

GMSMutablePath *path = [GMSMutablePath path];
[path addLatitude:-37.81319 longitude:144.96298];
[path addLatitude:-31.95285 longitude:115.85734];
GMSPolyline *polyline = [GMSPolyline polylineWithPath:path];
GMSStrokeStyle *redWithStamp = [GMSStrokeStyle solidColor:[UIColor redColor]];

UIImage *image = [UIImage imageNamed:@"imageFromBundleOrAsset"]; // Image could be from anywhere
redWithStamp.stampStyle = [GMSTextureStyle textureStyleWithImage:image];

GMSStyleSpan *span = [GMSStyleSpan spanWithStyle:redWithStamp];
polyline.spans = @[span];
polyline.map = mapView;