Custom InfoWindows in Google Maps SDK for iOS
Why Stack Overflow recommends it
Stack Overflow users link it as the official walkthrough for building custom marker info windows on iOS, both as a recommended answer and as the tutorial that askers followed before hitting follow-up problems.
Recommended by 5 people across 5 different months, 2013 to 2016.
What it is
A short Google Maps Shortcut in which Brett Morgan shows how to customise the InfoWindow that appears when a user taps a marker in the Google Maps SDK for iOS. It walks through building a XIB, a UIView subclass, and the markerInfoWindow delegate method to show a photo and labels.
What people said
Recommends andilabs · 2014-01 · Stack Overflow · on “adding custom object (e.g rating with DYRateView) to GMSMarker via (?) userdata”
After I have red this: Custom Info Window for Google Maps [LINK] and watched the video: [this video] having in mind (from SDK documentaiton): Note: The info window is rendered as an image each time it is displayed on the map. This means that any changes to its properties while it is active will not be immediately visible. The contents of the info window will be refreshed the next time that it is displayed. i will probbably go for self-made info window basing very much on tutorial from mentioned video.
Recommends Dipen Desai · 2014-09 · Stack Overflow · on “Custom info window in IOS google maps sdk”
Make Xib as you want...set Text and image set delegate GMSMapViewDelegate -(UIView *)mapView:(GMSMapView *)mapView markerInfoWindow:(GMSMarker *)marker{ CustomInfoWindow *infoWindow=[[[NSBundle mainBundle] loadNibNamed:@"InfoWindow" owner:self options:nil] objectAtIndex:0]; return infoWindow; } [this video] for more help see this video..Uploded by google
Recommends Ivan · 2015-12 · Stack Overflow · on “Custom InfoWindow for marker Google Maps SDK, Swift 2.0”
I'm trying to implement this ( [this video] ) Custom InfoWindow tutorial that was done for Objective-C in Swift 2.0. I have tried doing this by just mix-matching Objective-C and Swift code, but I have been unsuccessful in translating - (UIView *) mapView:(GMSMapView *)mapView markerInfoWindow:(GMSMarker *)marker { CustomInfoWindow *infoWindow = [[[NSBundle MainBundle] loadNibNamed:@"InfoWindow" owner:self options:nil] objectAtIndex:0]; infoWindow.name.text = @"Syndey Opera House"; infoWindow.address.text = @"Bennelong Point, Sydney"; infoWindow.photo.image = [UIImage imageNamed:@"SydneyOperaHouseAtNight"]; return infoWindow; } into Swift. This part of the tutorial can be found at 3:07 of the vide
Recommends Android Enthusiast · 2016-06 · Stack Overflow · on “Show tint effect when info window is tapped in google Maps”
Based on the Official Google documention for Google Maps API [LINK] , it is not possible to customize the infowindow's color however there is a work around for that. What you can do is to insert images as a background to make it tinted. I found a video tutorial which discuss how to insert images using GMSMa[ViewDelegate: [this video]
Recommends KENdi · 2016-07 · Stack Overflow · on “How to segue to a new ViewController from infowindow of Google Maps in Swift?”
I think this video [this video] from Google can help you with that. It explains here how to place image inside the Info window, but not image only. It also disccused here how to design or make a custom info window. This video also includes the sample code in how to make it. Here are the steps that you need in building Custom InfoWindow Construct a new NIB file named InfoWindow Create UIView subclass called CustomInfoWindow Configure UILabels with content and load photo For more information, check this related SO question [LINK] .
Cites liv a · 2013-08 · Stack Overflow · on “How to include a button in InfoWindow”
I followed this tutorial [this video] on how to add custom info window to a google map marker, in the UIView I've added a button and created an IBAction but when I click on it nothing happen my infoWindow view code looks like this .h #import <UIKit/UIKit.h> #import "Details.h" @interface MarkerInfoWindowView : UIView @property (weak, nonatomic) IBOutlet UIImageView *imageView; @property (weak, nonatomic) IBOutlet UILabel *label1; @property (weak, nonatomic) IBOutlet UILabel *label2; @property (weak, nonatomic) IBOutlet UIButton *btn1; - (void) initializeWithDetails:(Details*)p_details; @end .m #import "MarkerInfoWindowView.h" @implementation MarkerInfoWindowView - (void) initializeWithDetails:(De
Cites user1667306 · 2014-05 · Stack Overflow · on “iOS Custom InfoWindow Google Maps SDK 1.7.2”
I have been searching and coding with the Google Maps iOS SDK 1.7.2 I need to build an app that displays custom InfoWindow after the marker is tapped. Google posted a [this video] , that shows how to do it with just ONE marker. The practical use scenario uses more than ONE marker, but if we follow the example of YouTube Video adding more than one marker, all the markers would show the same info inside the custom InfoWindows. I did a iOS sample and uploaded to GitHub Sample Here [LINK] My Question is: Could anyone download the sample at GitHub and help me to implement that feature, display more than one marker with custom InfoWindow displaying different info for each marker ? In my sample inside t
Cites manonthemoon · 2014-06 · Stack Overflow · on “UITextField inside a custom UIView (InfoWindow) - The keyboard doesn't show up when I select the input”
I'm making a custom InfoWindow for my markers. I followed the official Google Tutorial : [this video] Here is my .xib User interaction is enabled... My infoWindow show up above the marker as you can see on the screenshot : But when I click on the pseudo input, the keyboard doesn't show up. Nothing happens! I don't understand why it does that, because the user interaction is enabled... The full View Tree :
Cites Ryan W · 2014-11 · Stack Overflow · on “How to refresh marker info window in iOS Google maps with AFnetworking Image cache?”
According to the document from Google, the info window was rendered before I get the image. Note: The info window is rendered as an image each time it is displayed on the map. This means that any changes to its properties while it is active will not be immediately visible. The contents of the info window will be refreshed the next time that it is displayed. Are there anyone is using AFNetworking's image cache and successfully update the infowindow view without polluted the marker's snippet? I've searched but I couldn't find any solution for my scenario. I have address and some other information in the marker's snippet, so I can't use it as a flag. BTW, I'm following this tutorial [this video] fro
Cites ziplodof.S · 2016-11 · Stack Overflow · on “How to customise googlemap infoWindow using Swift 3”
Xcode version: 8.1 aim: To replace native infoWindow by custom one problem: When I click on the marker, my custom infoWindow did not show up but the native one, Or Thread 1:signal SIGABRT shown if I don't delete myView.delegate = self (See my code & my research #21) what I have done: Created a .swift file and a .xib file with my custom infoWindow design. Inserted mapView function into ViewController.swift: override func viewDidLoad() { super.viewDidLoad() ... let camera = GMSCameraPosition.camera(withLatitude: latitude, longitude: Longitude, zoom: 16) let mapView = GMSMapView.map(withFrame: CGRect.zero, camera: camera) mapView.delegate = self // Thread 1:signal SIGABRT shown if i add this li