ansaurus

Question

How to add a combobox and a button to the infoWindow on Google map?

Answer 1

+1 A:

You need to add a custom UIView to your MKMapView and supress the default MKAnnotation callout view. Your custom UIView can include the controls you want in the callout.

You might find the following useful:

I don't think either of these posts describe a definitive, clean solution to your problem (scrolling problem with the subview position). I suggest you re-think your UI and consider pushing an entirely new view from the standard callout right disclosure button. I feel like customizing the callout (infoWindow equivalent) doesn't translate well to the iPhone platform.

Edit:

Ok. So all you want to know is how to show a check box in an infoWindow using the regular Google Maps Javascript API?

That is a much easier question. If you have a look at the GMarker openInfoWindow, you will find that the first paramter to this method is a string. This string needs to be populated with the HTML that you would like in your infoWindow. So for your checkbox and button you need an input element of type checkbox and button:

<input type="checkbox" name="vehicle" value="Airplane" />
<input type="button" value="Blah" />

Cannonade 2010-02-02 00:06:37

Cannonade, basically I'm using HTML and javascripts to develop this app. So I'm not using MKAnnotation, mapView etc. So there's no callout view here. I've to use infoWindow only.

neha 2010-02-02 08:03:04

I tried this. My snippet goes as map.openInfoWindow(myGeographicCoordinates,<input type="checkbox" name="vehicle" value="Airplane" />);myGeographicCoordinates are the touch locations I'm detecting.How am I suppose to render the information in these tags? Single quotes, double quotes, will only have this statement as a string. And assigning this string to a variable again will take this as a string. Thanx in advance.

neha 2010-02-02 10:44:56

You need to escape the quotes with a backslash.map.openInfoWindow(myGeographicCoordinates,"<input type=\"checkbox\" name=\"vehicle\" value=\"Airplane\" />");

Cannonade 2010-02-02 11:03:55

Thank you so much for you patience, Cannonade.. It worked.

neha 2010-02-02 12:00:33

@neha very glad to hear it :)

Cannonade 2010-02-02 12:14:05

ansaurus

tags:

views:

answers:

How to add a combobox and a button to the infoWindow on Google map?

related questions