[TIMOB-25076] iOS 11: Add new MapKit API's

    var Map = require('ti.map');
   
   var win = Titanium.UI.createWindow({
     fullscreen: true,
   });
   var createMapIcon = function createMapIconFn(number) {
   
     var image = Ti.UI.createView({
       height: Ti.UI.SIZE,
       width: Ti.UI.SIZE,
       backgroundColor: 'transparent',
   
     });
     var imageBack = Ti.UI.createView({
       height: 34,
       width: 34,
       borderRadius: 17,
       backgroundColor: 'white',
       borderColor: 'black',
       top: 0,
     });
   
     imageBack.add(Ti.UI.createLabel({
       text: number,
       color: 'black',
       width: Ti.UI.SIZE,
       height: Ti.UI.SIZE,
       top: 5
   
     }));
     image.add(imageBack);
     return image;
   };
   
   var ann = [];
   
   for (var i = 0; i < 10; i++) {
   
     ann.push(Map.createAnnotation({
       clusterIdentifier: 'abc',
       collisionMode: Map.ANNOTATION_VIEW_COLLISION_MODE_RECTANGLE,
       showMarker: true,
       markerGlyphText: i.toString(),
       markerColor: 'blue',
       markerGlyphColor: 'green',
       title: 'Title',
       subtitle: 'subtitle',
       markerTitleVisibility: Map.FEATURE_VISIBILITY_VISIBLE,
       markerSubtitleVisibility: Map.FEATURE_VISIBILITY_HIDDEN,
       markerGlyphImage: 'Flag.png',
       markerSelectedGlyphImage: 'social-facebook-icon.png',
       annotationDisplayPriority: Map.FEATURE_DISPLAY_PRIORITY_DEFAULT_LOW,
       draggable: true,
       latitude: Math.random() * 10 + 40,
       longitude: Math.random() * 10,
     }));
   }
   
   var mapview = Map.createView({
     annotations: ann,
     bottom: 0,
     right: 0,
     width: Ti.UI.FILL,
     height: Ti.UI.FILL,
     rotateEnabled: true,
     compassEnabled: true,
     showsScale: false,
     mapType: Map.MUTED_STANDARD_TYPE,
     showsPointsOfInterest: false,
     userLocation: true,
   
   });
   
   mapview.addEventListener('clusteringstarted', function(e) {
     Ti.API.info('clustering started');
     var clusterAnnotation = Map.createAnnotation({
       customView: createMapIcon(e.memberAnnotations.length),
       // showMarker:true,
       //markerText:e.memberAnns.length.toString(),
       title: 'Title1',
       subtitle: 'subtitle1',
     });
     mapview.setClusterAnnotation({
       annotation: clusterAnnotation,
       memberAnnotations: e.memberAnnotations
     });
   });
   win.add(mapview);
   win.open();