ترقية تطبيق JavaScript API لـ "خرائط Google" من الإصدار 2 إلى الإصدار 3

حدث جديد لدعم العملاء الأكثر قيمة

تُضيف واجهة برمجة التطبيقات v3 API نوعًا جديدًا من الأحداث لإظهار تغييرات حالة MVC. يتوفّر الآن نوعان من الفعاليات:

• يتم نشر أحداث المستخدمين (مثل أحداث الماوس "النقر") من DOM إلى Maps JavaScript API. وتكون هذه الأحداث منفصلة ومختلفة عن أحداث DOM العادية.
• تعكس إشعارات تغيير حالة MVC التغييرات في عناصر واجهة برمجة التطبيقات Maps API، وتتم تسميتها باستخدام اصطلاح property_changed.

يصدِّر كل عنصر في Maps API عددًا من الأحداث المسماة. وعلى التطبيقات المهتمة بفعاليات معيّنة أن تسجّل أدوات معالجة الأحداث لتلك الفعاليات وتنفّذ رموزًا برمجية عند تلقّيها. وهذه الآلية المستندة إلى الحدث هي نفسها في كل من الإصدار 2 و3 من Maps JavaScript API، باستثناء تغيير مساحة الاسم من GEvent إلى google.maps.event:

GEvent.addListener(map, 'click', function() {
  alert('You clicked the map.');
});

google.maps.event.addListener(map, 'click', function() {
  alert('You clicked the map.');
});

إزالة أدوات معالجة الأحداث

لأسباب تتعلّق بالأداء، من الأفضل إزالة أداة معالجة الحدث عندما لا تكون هناك حاجة إليه. تؤدي إزالة أداة معالجة الأحداث بالطريقة نفسها في الإصدارَين 2 و3:

1. عند إنشاء أداة معالجة أحداث، يتم عرض كائن مبهم (GEventListener في الإصدار 2، وMapsEventListener في v3).
2. عندما تريد إزالة أداة معالجة الحدث، مرِّر هذا العنصر إلى طريقة removeListener() (GEvent.removeListener() في الإصدار 2 أو google.maps.event.removeListener() في الإصدار 3) لإزالة أداة معالجة الحدث.

الاستماع إلى أحداث DOM

إذا كنت تريد تسجيل أحداث DOM (نموذج كائن المستند) والاستجابة لها، يوفّر الإصدار 3 طريقة google.maps.event.addDomListener() الثابتة، ما يعادل طريقة GEvent.addDomListener() في الإصدار 2.

استخدام الوسيطات التي تم اجتيازها في الأحداث

تمرر أحداث واجهة المستخدم غالبًا وسيطة الحدث التي يمكن الوصول إليها بعد ذلك بواسطة أداة معالجة الحدث. تم تبسيط معظم وسيطات الأحداث في الإصدار 3 لتكون أكثر اتساقًا على العناصر في واجهة برمجة التطبيقات. (راجِع مرجع الإصدار 3 للحصول على التفاصيل).

ما مِن وسيطة overlay متاحة في أدوات معالجة الأحداث في الإصدار 3. في حال سجّلت حدث click على خريطة الإصدار 3، لن يتم معاودة الاتصال إلا عندما ينقر المستخدم على الخريطة الأساسية. يمكنك تسجيل عمليات معاودة الاتصال في العناصر المركّبة القابلة للنقر إذا كنت بحاجة إلى التفاعل مع هذه النقرات.

// Passes an overlay argument when clicking on a map

var map = new GMap2(document.getElementById('map'));
map.setCenter(new GLatLng(-25.363882, 131.044922), 4);
map.setUIToDefault();

GEvent.addListener(map,'click', function(overlay, latlng) {
  if (latlng) {
    var marker = new GMarker(latlng);
    map.addOverlay(marker);
  }
});

// Passes only an event argument

var myOptions = {
    center: new google.maps.LatLng(-25.363882, 131.044922),
    zoom: 4,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById('map'),
    myOptions);

google.maps.event.addListener(map, 'click', function(event) {
  var marker = new google.maps.Marker({
      position: event.latLng,
      map: map
  });
});

التغييرات في أنواع التحكّم

تم إجراء بعض التغييرات على أنواع control من خلال واجهة برمجة التطبيقات v3 API.

1. تتيح واجهة برمجة التطبيقات v3 API إضافة المزيد من أنواع الخرائط، بما في ذلك خرائط التضاريس وإمكانية إضافة أنواع خرائط مخصّصة.
2. لم يعُد الإصدار الثاني من التحكّم الهرمي GHierarchicalMapTypeControl متاحًا. يمكنك تحقيق تأثير مشابه باستخدام عنصر التحكّم google.maps.MapTypeControlStyle.HORIZONTAL_BAR.
3. لا يتوفّر التنسيق الأفقي المقدَّم من GMapTypeControl في الإصدار 2 في الإصدار 3.

إضافة عناصر تحكُّم إلى الخريطة

باستخدام الإصدار الثاني من Maps JavaScript API، يمكنك إضافة عناصر تحكّم إلى خريطتك من خلال طريقة addControl() في عنصر الخريطة. في الإصدار الثالث، يمكنك تعديل كائن MapOptions المرتبط بدلاً من الوصول إلى عناصر التحكّم أو تعديلها مباشرةً. يعرض النموذج أدناه كيفية تخصيص الخريطة لإضافة عناصر التحكّم التالية:

• أزرار تتيح للمستخدم التبديل بين أنواع الخرائط المتاحة
• مقياس خريطة

var map = new GMap2(document.getElementById('map'));
map.setCenter(new GLatLng(-25.363882, 131.044922), 4);

// Add controls
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());

var myOptions = {
    center: new google.maps.LatLng(-25.363882, 131.044922),
    zoom: 4,
    mapTypeId: google.maps.MapTypeId.ROADMAP,

    // Add controls
    mapTypeControl: true,
    scaleControl: true
};

var map = new google.maps.Map(document.getElementById('map'),
    myOptions);

عناصر التحكم في تحديد الموضع على الخريطة

طرأ تغيير كبير على عناصر التحكم في تحديد الموضع في الإصدار 3. في الإصدار 2، تستخدم الطريقة addControl() معلَمة ثانية اختيارية تتيح لك تحديد موضع عنصر التحكّم بالنسبة إلى زوايا الخريطة.

في الإصدار 3، يمكنك تحديد موضع عنصر تحكّم من خلال السمة position في خيارات عنصر التحكّم. وتجدر الإشارة إلى أنّ تحديد موضع عناصر التحكّم هذه ليس أمرًا مطلقًا، وبدلاً من ذلك، ستعمل واجهة برمجة التطبيقات على تنسيق عناصر التحكّم بشكل ذكي من خلال "تدفقها" حول عناصر الخريطة الحالية ضمن حدود معيّنة (مثل حجم الخريطة). يضمن ذلك توافق عناصر التحكّم التلقائية مع عناصر التحكّم. راجع التحكّم في تحديد الموضع في الإصدار 3 للحصول على مزيد من المعلومات.

تعمل التعليمة البرمجية التالية على تغيير موضع عناصر التحكم من النماذج أعلاه:

var map = new GMap2(document.getElementById('map'));
map.setCenter(new GLatLng(-25.363882, 131.044922), 4);

// Add map type control
map.addControl(new GMapTypeControl(), new GControlPosition(
    G_ANCHOR_TOP_LEFT, new GSize(10, 10)));

// Add scale
map.addControl(new GScaleControl(), new GControlPosition(
    G_ANCHOR_BOTTOM_RIGHT, new GSize(20, 20)));

var myOptions = {
  center: new google.maps.LatLng(-25.363882, 131.044922),
  zoom: 4,
  mapTypeId: google.maps.MapTypeId.ROADMAP,

  // Add map type control
  mapTypeControl: true,
  mapTypeControlOptions: {
      style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
      position: google.maps.ControlPosition.TOP_LEFT
  },

  // Add scale
  scaleControl: true,
  scaleControlOptions: {
      position: google.maps.ControlPosition.BOTTOM_RIGHT
  }
};

var map = new google.maps.Map(document.getElementById('map'),
    myOptions);

عناصر التحكّم المخصَّصة

تتيح لك واجهة برمجة تطبيقات JavaScript للخرائط إنشاء عناصر تحكم مخصصة في التنقل. لتخصيص عناصر التحكّم باستخدام واجهة برمجة التطبيقات v2، يمكنك إنشاء فئة فرعية للفئة GControl وتحديد معالِجات للطريقتَين initialize() وgetDefaultPosition(). لا يتوفّر أي ما يعادله للفئة GControl في الإصدار 3. بدلاً من ذلك، يتم تمثيل عناصر التحكّم على أنّها عناصر DOM. لإضافة عنصر تحكّم مخصّص باستخدام واجهة برمجة التطبيقات v3 API، أنشِئ بنية DOM لعنصر التحكّم في أداة الإنشاء في صورة عنصر ثانوي لـ Node (مثل عنصر <div>) وأضِف أدوات معالجة الأحداث لمعالجة أي أحداث DOM. ادفَع Node إلى مصفوفة controls[position] الخاصة بالخرائط لإضافة مثيل من عنصر التحكّم المخصّص إلى خريطتك.

بما أنّ عملية تنفيذ فئة HomeControl تتقيّد بمتطلبات الواجهة المذكورة أعلاه (راجِع مستند عناصر التحكّم المخصّصة لمعرفة التفاصيل)، تعرض نماذج الرموز التالية كيفية إضافة عنصر تحكّم مخصّص إلى خريطة.

map.addControl(new HomeControl(),
    GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10, 10)));

var homeControlDiv = document.createElement('DIV');
var homeControl = new HomeControl(homeControlDiv, map);

map.controls[google.maps.ControlPosition.TOP_RIGHT].push(
    homeControlDiv);

إضافة الطبقات وإزالتها

وتُعدّ أنواع العناصر التي يمثّلها "تراكب" هي نفسها أنواع العناصر في الإصدارَين 2 و3، ولكن يتم التعامل معها بشكل مختلف.

تمت إضافة تراكبات إلى الخريطة، الإصدار 2، وإزالتها من الخريطة باستخدام طريقتَي addOverlay() وremoveOverlay() للكائن GMap2. في الإصدار 3، يمكنك تحديد خريطة لتراكب باستخدام السمة map لفئة خيارات التراكب المرتبطة. يمكنك أيضًا إضافة متراكب أو إزالته مباشرةً من خلال استدعاء طريقة setMap() لكائن التراكب، وتحديد الخريطة المطلوبة. يؤدي ضبط خاصية الخريطة على null إلى إزالة التراكب.

لا تتوفّر طريقة clearOverlays() في الإصدار 3. إذا كنت تريد إدارة مجموعة من التراكبات، عليك إنشاء مصفوفة للاحتفاظ بها. باستخدام هذه المصفوفة، يمكنك بعد ذلك استدعاء دالة setMap() على كل تراكب في المصفوفة (مع ضبط null إذا كنت بحاجة إلى إزالتها).

علامات قابلة للسحب

بشكل تلقائي، تكون العلامات قابلة للنقر، ولكن لا يمكن سحبها. تضيف النموذجان التاليان علامة قابلة للسحب:

var myLatLng = new GLatLng(-25.363882, 131.044922);
var map = new GMap2(document.getElementById('map'));
map.setCenter(myLatLng, 4);

var marker = new GMarker(latLng, {
  draggable: true
});
map.addOverlay(marker);

var myLatLng = new google.maps.LatLng(-25.363882, 131.044922);
var map = new google.maps.Map(
  document.getElementById('map'), {
  center: myLatLng,
  zoom: 4,
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var marker = new google.maps.Marker({
    position: myLatLng,
    draggable: true,
    map: map
});

الرموز

يمكنك تحديد رمز مخصص لعرضه بدلاً من المحدد الافتراضي. لاستخدام صورة مخصّصة في الإصدار 2، يمكنك إنشاء مثيل GIcon من G_DEFAULT_ICON type وتعديله. إذا كانت صورتك أكبر أو أصغر من الرمز التلقائي، يجب تحديدها باستخدام مثيل GSize. تبسّط واجهة برمجة التطبيقات v3 هذه العملية بعض الشيء. ما عليك سوى ضبط السمة icon للعلامة على عنوان URL للصورة المخصّصة، وستتولى واجهة برمجة التطبيقات تحديد حجم الرمز تلقائيًا.

توفر واجهة برمجة تطبيقات JavaScript للخرائط دعمًا للرموز المعقدة. قد يشتمل الرمز المعقد على عدة مربّعات أو أشكال معقدة أو يحدد "ترتيب التكدس" لكيفية عرض الصور بالنسبة إلى العناصر المركّبة الأخرى. لإضافة شكل إلى علامة في الإصدار 2، عليك تحديد سمة إضافية في كل مثيل GIcon وتمريرها كخيار إلى الدالة الإنشائية GMarker. في الإصدار 3، يجب أن تضبط الرموز المحدّدة بهذه الطريقة سمات icon الخاصة بها على كائن من النوع Icon. لا يمكن استخدام ظلال العلامات في الإصدار 3.

تعرض الأمثلة التالية علم شاطئ على شاطئ "بوندي" في أستراليا، مع الجزء الشفاف من الرمز غير قابل للنقر عليه:

var map = new GMap2(document.getElementById('map'));
map.setCenter(new GLatLng(-25.363882, 131.044922), 4);
map.setUIToDefault();

var flagIcon = new GIcon(G_DEFAULT_ICON);
flagIcon.image = '/images/beachflag.png';
flagIcon.imageMap = [1, 1, 1, 20, 18, 20, 18 , 1];
var bbLatLng = new GLatLng(-33.890542, 151.274856);

map.addOverlay(new GMarker(bbLatLng, {
  icon: flagIcon
}));

var map = new google.maps.Map(
  document.getElementById('map'), {
  center: new google.maps.LatLng(-25.363882, 131.044922),
  zoom: 4,
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var shape = {
    coord: [1, 1, 1, 20, 18, 20, 18 , 1],
    type: 'poly'
};
var bbLatLng = new google.maps.LatLng(-33.890542, 151.274856);

var bbMarker = new google.maps.Marker({
    icon: '/images/beachflag.png'
    shape: shape,
    position: bbLatLng,
    map: map
});

الخطوط المتعددة

يتألف الخط المتعدد من مصفوفة من LatLng، بالإضافة إلى سلسلة من مقاطع الخطوط التي تربط تلك المواقع الجغرافية بتسلسل مرتّب. إنّ إنشاء عنصر Polyline وعرضه في الإصدار 3 مماثل لاستخدام كائن GPolyline في الإصدار 2. ترسم النماذج التالية خطوطًا جيوديسية شبه شفافة، بعرض 3 بكسل، من زيورخ إلى سيدني عبر سنغافورة:

var polyline = new GPolyline(
  [
    new GLatLng(47.3690239, 8.5380326),
    new GLatLng(1.352083, 103.819836),
    new GLatLng(-33.867139, 151.207114)
  ],
  '#FF0000', 3, 0.5, {
  geodesic: true
});

map.addOverlay(polyline);

var polyline = new google.maps.Polyline({
  path: [
    new google.maps.LatLng(47.3690239, 8.5380326),
    new google.maps.LatLng(1.352083, 103.819836),
    new google.maps.LatLng(-33.867139, 151.207114)
  ],
  strokeColor: '#FF0000',
  strokeOpacity: 0.5,
  strokeWeight: 3,
  geodesic: true
});

polyline.setMap(map);

الخطوط المتعددة المشفّرة

لا يتوفر دعم في الإصدار 3 لإنشاء عناصر Polyline مباشرةً من الخطوط المتعددة المرمّزة. بدلاً من ذلك، توفّر مكتبة Geometry Library طرقًا لترميز الخطوط المتعددة وفك ترميزها. اطّلع على المكتبات في الإصدار الثالث من واجهة برمجة التطبيقات Maps API للحصول على مزيد من المعلومات حول كيفية تحميل هذه المكتبة.

ترسم الأمثلة أدناه سلسلة الخطوط المتعددة المرمّزة نفسها، ويستخدم رمز الإصدار 3 طريقة decodePath() من مساحة الاسم google.maps.geometry.encoding.

var polyline = new GPolyline.fromEncoded({
  points: 'kwb`Huqbs@ztzwGgvpdQbw}uEoif`H',
  levels: 'PPP',
  zoomFactor: 2,
  numLevels: 18,
  color: '#ff0000',
  opacity: 0.8,
  weight: 3
});

map.addOverlay(polyline);

var polyline = new google.maps.Polyline({
  path: google.maps.geometry.encoding.decodePath(
    'kwb`Huqbs@ztzwGgvpdQbw}uEoif`H'),
  strokeColor: '#FF0000',
  strokeOpacity: 0.5,
  strokeWeight: 3,
});

polyline.setMap(map);

مضلعات

يحدد المضلّع المنطقة داخل حلقة مغلقة. على غرار الكائن Polyline، تتكوّن كائنات Polygon من سلسلة من النقاط بتسلسل مرتّب. تتطابق فئة Polygon المستنِدة إلى إصدار v3 إلى حدّ كبير مع الفئة GPolygon من النوع v2، باستثناء الفئة الرئيسية، وهي أنّه لم تعُد مضطرًا لتكرار رأس البداية في نهاية المسار لإغلاق حلقة التكرار. وستغلق واجهة برمجة التطبيقات v3 أي مضلّعات تلقائيًا من خلال رسم خط يربط آخر إحداثي بالإحداثي الأول. وتُنشئ مقتطفات الرمز التالية مضلّعًا يمثّل مثلث برمودا:

var map = new GMap2(document.getElementById('map'));

map.setCenter(new GLatLng(24.886436, -70.268554), 5);

var bermudaTriangle = new GPolygon(
  [
    new GLatLng(25.774252, -80.190262),
    new GLatLng(18.466465, -66.118292),
    new GLatLng(32.321384, -64.75737),
    new GLatLng(25.774252, -80.190262)
  ],
  '#FF0000', 2, 0.8, '#FF0000', 0.35);

map.addOverlay(bermudaTriangle);

var map = new google.maps.Map(document.getElementById('map'), {
  center: new google.maps.LatLng(24.886436, -70.268554),
  mapTypeId: google.maps.MapTypeId.TERRAIN,
  zoom: 5
});

var bermudaTriangle = new google.maps.Polygon({
  paths: [
    new google.maps.LatLng(25.774252, -80.190262),
    new google.maps.LatLng(18.466465, -66.118292),
    new google.maps.LatLng(32.321384, -64.75737)
  ],
  strokeColor: '#FF0000',
  strokeWeight: 2,
  strokeOpacity: 0.8,
  fillColor: '#FF0000',
  fillOpacity: 0.35
});

bermudaTriangle.setMap(map);

أشكال قابلة للتعديل بواسطة المستخدم

يمكن جعل الخطوط المتعددة والمضلعات قابلة للتعديل من خلال المستخدم. مقتطفات الرمز البرمجي التالية مكافئة:

map.addOverlay(polyline);
polyline.enableEditing();

polyline.setMap(map);
polyline.setEditable(true);

للحصول على إمكانيات رسم أكثر تقدمًا، يمكنك الاطّلاع على مكتبة الرسومات في مستندات الإصدار 3.

نوافذ المعلومات

يعرض عنصر InfoWindow المحتوى في نافذة عائمة أعلى الخريطة. هناك بعض الاختلافات الرئيسية بين الإصدارَين 2 و3 من نافذتَي المعلومات:

• تتيح واجهة برمجة التطبيقات v2 API استخدام GInfoWindow لكل خريطة، في حين تتوافق واجهة برمجة التطبيقات v3 مع عدة رموز InfoWindow متزامنة على كل خريطة.
• سيظل الإصدار 3 InfoWindow مفتوحًا عند النقر على الخريطة. يتم إغلاق الإصدار 2 GInfoWindow تلقائيًا عند النقر على الخريطة. يمكنك محاكاة سلوك الإصدار 2 من خلال إضافة أداة معالجة click على الكائن Map.
• لا توفّر واجهة برمجة التطبيقات v3 توافقًا أصليًا مع InfoWindow المبوَّب.

تراكبات الأرض

لوضع صورة على الخريطة، يجب استخدام الكائن GroundOverlay. بنية GroundOverlay هي نفسها في الأساس في الإصدارَين 2 و3، إذ تحدّد عنوان URL للصورة وحدود الصورة كمعلَمات.

يظهر في المثال التالي خريطة قديمة لمدينة نيوآرك بولاية نيو جيرسي على الخريطة على شكل طبقة:

var bounds = new GLatLngBounds(
    new GLatLng(40.716216, -74.213393),
    new GLatLng(40.765641, -74.139235));

var overlay = new GGroundOverlay(
    'http://lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
    bounds);

map.addOverlay(overlay);

var bounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(40.716216, -74.213393),
    new google.maps.LatLng(40.765641, -74.139235));

var overlay = new google.maps.GroundOverlay(
    'http://lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
    bounds);

overlay.setMap(map);

أنواع الخرائط الشائعة

تتوفر أنواع الخرائط الأربعة الأساسية في كل من الإصدارين 2 و3:

• تعرض دالة MapTypeId.ROADMAP (تحل محل G_NORMAL_MAP) عرض خريطة الطريق.
• تعرض ميزة MapTypeId.SATELLITE (تحل محل G_SATELLITE_MAP) صور القمر الصناعي على Google Earth.
• تعرض ميزة MapTypeId.HYBRID (تحل محل G_HYBRID_MAP) مزيجًا من طرق العرض العادية وعروض القمر الصناعي.
• تعرض دالة MapTypeId.TERRAIN (تحل محل G_PHYSICAL_MAP) خريطة مادية استنادًا إلى معلومات التضاريس.

وفي ما يلي مثال على إعداد الإصدارين 2 و3 للخريطة لعرض التضاريس:

map.setMapType(G_PHYSICAL_MAP);
    

map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
    

أجرى الإصدار 3 من Maps JavaScript API بعض التغييرات على أنواع الخرائط الأقل شيوعًا أيضًا:

• لا تتوفّر مربّعات الخرائط للأجسام السماوية بخلاف الأرض كأنواع خرائط في الإصدار 3 API، ولكن يمكن الوصول إليها كأنواع خرائط مخصّصة كما هو موضّح في هذا المثال.
• ما مِن نوع خريطة خاص في الإصدار 3 يحلّ محلّ النوع G_SATELLITE_3D_MAP من الإصدار 2. يمكنك بدلاً من ذلك دمج مكوّن Google Earth الإضافي في خرائط الإصدار 3 باستخدام هذه المكتبة.

الحد الأقصى من صور التكبير أو التصغير

لا تتوفر صور القمر الصناعي دائمًا بمستويات تكبير/تصغير عالية. إذا كنت تريد معرفة أعلى مستوى متوفّر للتكبير/التصغير قبل ضبط مستوى التكبير/التصغير، استخدِم الفئة google.maps.MaxZoomService. وتحلّ هذه الفئة محلّ طريقة GMapType.getMaxZoomAtLatLng() من الإصدار 2.

var point = new GLatLng(
    180 * Math.random() - 90, 360 * Math.random() - 180);
var map = new GMap2(document.getElementById("map"));
map.setUIToDefault();
map.setCenter(point);
map.setMapType(G_HYBRID_MAP);

map.getCurrentMapType().getMaxZoomAtLatLng(point,
  function(response) {
    if (response.status) {
      map.setZoom(response.zoom);
    } else {
      alert("Error in Max Zoom Service.");
    }
});

var myLatlng = new google.maps.LatLng(
    180 * Math.random() - 90, 360 * Math.random() - 180);
var map = new google.maps.Map(
  document.getElementById("map"),{
    zoom: 0,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.HYBRID
});
var maxZoomService = new google.maps.MaxZoomService();
maxZoomService.getMaxZoomAtLatLng(
  myLatlng,
  function(response) {
    if (response.status == google.maps.MaxZoomStatus.OK) {
      map.setZoom(response.zoom);
    } else {
      alert("Error in Max Zoom Service.");
    }
});

صور جوّية

عند تفعيل الصور الجوية في الإصدار 3، تكون عناصر التحكّم مشابهة لعنصر التحكّم في الإصدار 2 من GLargeZoomControl3D، مع عنصر تحكّم بيني إضافي في "التدوير" للتدوير حسب الاتجاهات المتوافقة.

يمكنك تتبّع المدن التي تتوفّر فيها حاليًا صور بزاوية 45 درجة على هذه الخريطة. عند توفّر صور بزاوية 45 درجة، تتم إضافة خيار قائمة فرعية إلى زر القمر الصناعي في واجهة برمجة تطبيقات الخرائط.