{"id":3986,"date":"2013-05-20T18:04:42","date_gmt":"2013-05-20T13:04:42","guid":{"rendered":"http:\/\/aasims.wordpress.com\/?p=3750"},"modified":"2025-05-08T10:31:24","modified_gmt":"2025-05-08T10:31:24","slug":"thumbnail-based-mapview-annotation","status":"publish","type":"post","link":"https:\/\/aasimnaseem.com\/blog\/thumbnail-based-mapview-annotation\/","title":{"rendered":"Thumbnail Based MapView Annotation"},"content":{"rendered":"

JPSThumbnailAnnotation<\/strong> is an open-source library to customize your MapKit annotation view for displaying image thumbnails along with title and subtitle. \u00a0Here is a quick screenshot from my sample project using this library.<\/p>\n

Setup<\/strong><\/p>\n

Its free, and open source; You need to download\u00a0JPSThumbnailAnnotation library from github<\/a>\u00a0and drag\/drop the directory into your project; You will have following six files in library;<\/p>\n

    \n
  1. JPSThumbnail.h<\/li>\n
  2. JPSThumbnailAnnotation.h<\/li>\n
  3. JPSThumbnailAnnotation.m<\/li>\n
  4. JPSThumbnailAnnotationView.h<\/li>\n
  5. JPSThumbnailAnnotationView.m<\/li>\n
  6. JPSThumnail.m<\/li>\n<\/ol>\n

    Usage<\/strong><\/p>\n

    import JPSThumbnailAnnotation.h\u00a0and add the following line of code to add one annotation on your map view<\/p>\n

    [code]<\/p>\n

    JPSThumbnail *faisaMosqueAnnotation = [[JPSThumbnail alloc] init];
    \nfaisaMosqueAnnotation.image = [UIImage imageNamed:@"faisalMasjid.jpg"];
    \nfaisaMosqueAnnotation.title = kFaisalMasjidTitle;
    \nfaisaMosqueAnnotation.subtitle = kFaisalMasjidSubTitle;
    \nfaisaMosqueAnnotation.coordinate = CLLocationCoordinate2DMake(33.72976, 73.03698);
    \nfaisaMosqueAnnotation.disclosureBlock = ^{ NSLog(@"Faisal Mosque selected"); };
    \nJPSThumbnailAnnotation *annotation = [[JPSThumbnailAnnotation alloc] initWithThumbnail:faisaMosqueAnnotation];
    \n[mapView addAnnotation:annotation];<\/p>\n

    [\/code]<\/p>\n

    You are good to go now .. You can download a sample project from here.<\/a><\/p>\n

    \"Flag<\/p>\n

    Happy Programming .. (:<\/p>\n","protected":false},"excerpt":{"rendered":"

    JPSThumbnailAnnotation is an open-source library to customize your MapKit annotation view for displaying image thumbnails along with title and subtitle. \u00a0Here is a quick screenshot from my sample project using this library. Setup Its free, and open source; You need to download\u00a0JPSThumbnailAnnotation library from github\u00a0and drag\/drop the directory into your…<\/p>\n","protected":false},"author":1,"featured_media":4545,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[544,596,719],"class_list":["post-3986","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ios","tag-ios","tag-jpsthumbnailannotation","tag-mapkit"],"_links":{"self":[{"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/posts\/3986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/comments?post=3986"}],"version-history":[{"count":3,"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/posts\/3986\/revisions"}],"predecessor-version":[{"id":5306,"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/posts\/3986\/revisions\/5306"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/media\/4545"}],"wp:attachment":[{"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/media?parent=3986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/categories?post=3986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aasimnaseem.com\/blog\/wp-json\/wp\/v2\/tags?post=3986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}