الإصدار 3.10.0 من حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" لأجهزة iOS

يقدّم الإصدار التجريبي 3.10.0 من حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" للتطبيقات المتوافقة مع iOS الميزات الجديدة التالية التي يمكنك تجربتها:

  • تخصيص الخريطة باستخدام ميزة "تصميم الخرائط باستخدام السحابة الإلكترونية"
  • تخصيص الخطوط المتعدّدة: الخطوط المتعدّدة المطبوعة

تخصيص الخريطة باستخدام ميزة "تصميم الخرائط باستخدام السحابة الإلكترونية" (إصدار تجريبي)

يمكنك الآن إنشاء أنماط مخصّصة واستخدام الرموز المميزة لتعيينها إلى الخرائط في تطبيقاتك ومواقعك الإلكترونية. لمزيد من المعلومات، يُرجى الاطّلاع على نظرة عامة على تخصيص الخرائط في نظام التشغيل iOS.

تخصيص الخطوط المتعدّدة: الخطوط المتعدّدة المطبوعة

يمكنك ضبط مظهر الخطوط المتعدّدة على شكل نقش نقطي متكرّر باستخدام GMSTextureStyle. تغطي الصور الخط بالكامل، ولكن يتم قطعها حول نقاط النهاية والرؤوس.

لإنشاء خطوط متعدّدة مختومة، أنشئ GMSStampStyle من GMSTextureStyle. بعد ذلك، اضبط هذه السمة على عنصر خيارات الشكل باستخدام stampStyle، كما هو موضّح هنا:

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;