ishakkulekci / jquery-ui-map Goto Github PK

What steps will reproduce the problem?
1. http://jquery-ui-map.googlecode.com/svn/trunk/demos/advanced-example.html
2. Click on one of the markers
3. The event data and streetview appear correctly in a dialog
4. Close the dialog with X
5. Scroll to other marker, click on it - no streetview

What is the expected output? What do you see instead?
Whichever event is clicked on first will have a streetview image, subsequent 
events viewed will not. Release or clean up after closing the dialog doesn't 
seem to work as the little man will be seen hanging around the first event 
clicked (like during a mouse up event?). On Android he is always hanging around 
the first event clicked.

What version of the product are you using? On what operating system?
2.0.1 on Linux: FF / Chrome / ; Android

What steps will reproduce the problem?
1.Visit the marker filtering example with IE7 or IE8 and chose one of the 
dropdown filter selections (I used google maps to produce the screenshot).
2.
3.

What is the expected output? What do you see instead?
I didn't expect an error.  I've appended a snippet showing the details with IE9 
in IE8 mode.

What version of the product are you using? On what operating system?
Windows7 IE9 is up-to-date.  
<http://jquery-ui-map.googlecode.com/svn/trunk/demos/google-maps-jquery-filterin
g.html> is the example mentioned above.

Please provide any additional information below.

What steps will reproduce the problem?
1. modify code in current downloadable v3 beta. modify basic example
2. change the js to the following:

$(function() { 
demo.add(function() {
    $('#map_canvas').gmap({'center': '57.7973333,12.0502107', 'zoom': 10, 'disableDefaultUI':true, 'callback': function() {
        var self = this;
        self.addMarker({'position': this.get('map').getCenter() }).click(function() {
            self.openInfoWindow({ 'content': 'Hello World!' }, this);
        }); 
    }});

$('#map_canvas').gmap('destroy');

    $('#map_canvas').gmap({'center': '57.7973333,12.0502107', 'zoom': 10, 'disableDefaultUI':true, 'callback': function() {
        var self = this;
        self.addMarker({'position': this.get('map').getCenter() }).click(function() {
            self.openInfoWindow({ 'content': 'Hello World!' }, this);
        }); 
    }});
}).load();
});

note, i added a destroy call and then i call the same init function a second 
time. 


expected:
code behaves as before the edit

actual:
no marker appears on the map

What steps will reproduce the problem?
1. Seen in gmapdemo with display of streetview. An invalid streetview may be 
generated at init time. Subsequent calls to display streetview return that 
invalid one, and not a valid one, even when a valid lat/lan are later given.

The StreetViewPanorama is used in the plugin's map services field instead of:

http://code.google.com/apis/maps/documentation/javascript/reference.html#StreetV
iewService

So, it seems there is no way to access the real service and e.g. check status:

http://code.google.com/apis/maps/documentation/javascript/reference.html#StreetV
iewStatus

Unclear if this is bug in plugin design, use of google maps, or google maps not 
updating streetview to a valid one when it has the chance.

What steps will reproduce the problem?
1. Load the example code in a chrome browser
2. Notice that small map_square has controls set to false
3. Hit small map to go to 2nd page. Notice large map
has no controls. Expected controls b/c didn't exclude them.
4. Edit mapapp.complete.js, see line 8:
// comment these 3 controls out
5. Re-run the app, see the controls on map_square
and on map_canvas this time.
6. If allow the default controls on map_square, then
the controls will show up on map_canvas.

What is the expected output? What do you see instead?

Would expect no controls on first map, as indicated (#map_square),
but regular controls on 2nd map (#map_canvas).

Workaround: explicitly set desired controls on 2nd map, or on each map.

This is TMT4 Part 1 - Route Finder.

Sometimes hitting the back button on browser will show that
the small map map_square will have it's position shifted -
maybe due to the seeming connection (in a bad way) between
the two maps.

What steps will reproduce the problem?

marker1, marker2 are closer than marker1, marker3 (so the bounds will be wider, 
here, to illustrate the point better)

1. Add a gmap()
2. Add marker1, bounds = True
3. Add marker2, bounds = True
4. Clear all markers
5. Add marker1, bounds = True
6. Add marker3, bounds = True
7. Clear all markers
8. Add marker1, bounds = True
9. Add marker2, bounds = True

What is the expected output? What do you see instead?

Bounds should be the same for 2, 3 and 8,9, but because the bounds do not reset 
with from the 'clear' on Step 7, the bounds are the same as they were for 5, 6 

What version of the product are you using? On what operating system?

3.0-rc1, Ubuntu 11.10

Please provide any additional information below.

Hey,
i used to wonder why the clearMarkers-function is not backwards-compatible and 
is renamed to "clear"...
I think you wanted to do so and then forgot to change the name also in the 
code, because i downloaded the plugin just right now and clear is working 
whereas clearMarkers is not.

Greetz
Isa

What steps will reproduce the problem?
1. call openInfoWindow
2. call clear markers
3.

What is the expected output? What do you see instead?
InfoWindow should close when markers are cleared but it does not.

What version of the product are you using? On what operating system?
v3

Please provide any additional information below.

Android 3.x (specifically Samsung Galaxy Tab 10.1) does not like:

1. html file names with spaces
2. $.getJSON( 'json.json', 'category=activity', function(data) 
--> the use of 'category=activity' in the above call from load JSON example.html

Looking at the code is see a lot of this:

for(a in c)

this should be:

for(var a in c)

What steps will reproduce the problem?
1. Include the jquery-ui-map scripts with the jquery mobile framework but 
without jquery-ui scripts
2. create a new instance of gmap()
3. call the destroy() function

What is the expected output? What do you see instead?
Expected for the google map to be emptied and then removed from the DOM. 
Instead a script error is produced: 

TypeError: $.widget.prototype.destroy is undefined
http://localhost/BIG4.Mobile/Scripts/jquery.ui.map.min.js
Line 321

What version of the product are you using? On what operating system?
- jQuery UI Google Map 2.0
- jQuery Mobile 1.0beta1
- Windows 7, Mozilla Firefox 5.0

What other info?
it appears jQuery mobile references the $.Widget (with a capital 'W') but 
jquery ui map references it with a lowercase 'w'

Hello I just started with this library and I have managed to position a marker 
and draw a circle in that position on the map with the examples you have, but I 
would like to know how I can calculate and draw a polygon from several points 
of coordinates, I can you help? I have reviewed the api but not where I can see 
the options for such a line drawing or other different polygon. Thanks in 
advance

What steps will reproduce the problem?
1. lazy load google maps so window.google is available after this lib has been 
evaled

What is the expected output? What do you see instead?
Error on line 340 saying google maps is undefined. If you change from:
  if ( google.maps && this[0] instanceof google.maps.MVCObject ) {
to:
  if ( window.google && google.maps && this[0] instanceof google.maps.MVCObject ) {
everything works fine.

What version of the product are you using?
3.0-rc

What steps will reproduce the problem?
1. Add jQuery, jquery-ui-map and custom.js via <script> tags in that order

2. In the custom.js rename jQuery and $ to something else via 
jQuery.noConflict(true); mechanism for instance
TOjQ = jQuery;
jQuery.noConflict(true);

3. When I latter initalize gmap results in:
jQuery is undefined
.../js/jquery.ui.map.js
Line 90

What is the expected output? What do you see instead?
No errors :)

What version of the product are you using? On what operating system?
3.0rc1 on Linux

Please provide any additional information below.
Change jQuery in jquery.ui.map.js to $ solves the problem.

What steps will reproduce the problem?
1. the maps don't fit  the screen and don't see nothing 
2.
3.

What is the expected output? What do you see instead?
to fit and see the maps

What version of the product are you using? On what operating system?
 <link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="mapapp.css" type="text/css">
        <script src="http://www.google.com/jsapi?key=ABQIAAAAahcO7noe62FuOIQacCQQ7RTHkUDJMJAZieEeKAqNDtpKxMhoFxQsdtJdv3FJ1dT3WugUNJb7xD-jsQ" type="text/javascript"></script>        
        <script type="text/javascript">
            google.load("maps", "3", {'other_params':'sensor=true'});
            google.load("jquery", "1.5.2");
            </script>


          <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="phonegap.0.9.5.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="http://jquery-ui-map.googlecode.com/svn/tags/2.0.1/ui/jquery.ui.map.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="mapapp.complete.js"></script>

Please provide any additional information below.
i use the code on this link 
http://www.mobiledevelopersolutions.com/home/start/twominutetutorials/tmt4part1
based on jquery-ui-map, but don't work the fit and i dont see nothing with css. 
I change to use in width the pixel unit and work, but don't fit the screen. I 
test this in an ipad and iphone.
thank you

Hey, 

At first of all I would like say "Good Job" :)
I write this issue because probably I found a bug. 

I try to add "zoom" param to marker options but this not working. 
Example

<script type="text/javascript">
    $("#map").gmap({'minZoom' : 5, 'zoom' : 7, 'center' : '51.919438,19.145136', 'callback': function(){
        this.addMarker({ 'zoom' : 10, 'position' : '51.437745,15.576811',  'bounds' : true});
    }});
</script>

first line work fine, but second line not react for zoom parameter, so by 
default found marker has maximum zoom.

Could you help me?

What steps will reproduce the problem?
1. $('#map_canvas').addEventListener('zoom_changed', function(){alert('hi');});
2. zoom the map
3. nothing gets alerted

What is the expected output? What do you see instead?
Id expect an alert to be fired when the map is zommed

What version of the product are you using? On what operating system?
3.0 alpha

Please provide any additional information below.

Will not center correctly... check it out.

What steps will reproduce the problem?
1. Load the attached map (www/index.html)
2. Change map type to satellite using inset google controls
3. Click map to add marker (means that 'center' option is called before marker 
stuff happens)
4. The map changes to 'map' type again

What is the expected output? What do you see instead?

Map should stay as satellite type.

1. Change the file name of : demos/other-examples.html

to be more descriptive of contents like : click-drag-geo-search.html

2. Change the title of the page from : "multiple map on page example"

to something like : "Click & Drag Events with Geo Search"

What steps will reproduce the problem?
1. Place a reset.css with standardized line-height:1; onto the body
2. Implement responsive elements max-width technique img, embed, iframe { 
max-width:100%; }
3. Implement jquery mobile and map with marker windows.

What is the expected output? What do you see instead?
The bubble comes up but there is odd image slices overlayed.

What version of the product are you using? On what operating system?
 * jQuery UI Google Map 3.0-alpha
Mac 10.5.8 - Chrome 17.0.963.56

Please provide any additional information below.
Attached the distorted bubble as a screenshot.

The line-height reset (#1) I have standard on our platform causes the close X 
to have a hollow rectangle.
The max-width technique (#2) is the cause for the bottom of the bubble having 
this issue.

Thank you

What steps will reproduce the problem?
1. Use the following code
2. // map
        $('#map_canvas').gmap({ 
            'center': new google.maps.LatLng(17.3926,78.428435),
            'zoom' : 15,
            'mapTypeId': google.maps.MapTypeId.ROADMAP,
            'disableDefaultUI': true,
            'callback' : function(){

                    // marker
                    $('#map_canvas').gmap('addMarker', { 
                        'position': new google.maps.LatLng(17.3926,78.428435)
                    });

            }
        });
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what operating system?
2.0.2
Windows XP

Please provide any additional information below.

Callback doesnt work

Hi, if like me you want to have multiple directions displayed at once, you have 
to edit jquery.ui.map.services.js so that line 86 become :

var f = new google.maps.DirectionsRenderer();

instead of :

var f = this.get('services > DirectionsRenderer', new 
google.maps.DirectionsRenderer());

Hello, 

I have simple question. 
How can I get address from Lat & Lng point ? 

Best regards 

What steps will reproduce the problem?
Not a problem. User sees wrong code for Json

What steps will reproduce the problem?
1. Place google map inside of a ui tab with markers setting bounds: true
2. use gmap("refresh") to make ui tabs work 
3. icons are no longer sized to the correct bounds

What is the expected output? What do you see instead?
I was expecting "refresh" to keep my same zoom level and bounds


What version of the product are you using? On what operating system?
v3 alpha

Please provide any additional information below.

Right now what happens is for some reason I'm zoomed out and the markers aren't 
centered.

Hi, first of all, thanks for this lib. It has helped me build a map more easily.

I think using that "unmaintainably short" variable names is making no one a 
favor.

I would recommend you to give a look at uglyfier, if you haven't already.

https://github.com/lautis/uglifier

It will allow you to use human-understandable variable names in the source code 
for humans, and then mangle them (selectively) into 1-letter variable names for 
computers, when minimizing.

In any case, thanks and regards!

Hi, I use microformats, I hide some values in a span tag with the class 
"value-title" and the value in the title attribute. 
But when I use the loadMetadata method, the value of data is not returned.

You can see here what would be the good behavior : 
https://www.google.com/support/webmasters/bin/answer.py?answer=146897 (in the 
part "hidden content").

Thanks,
AM

1. The example in file : google-maps-jquery-markerclusterer.html
is not included in the menu list and cannot be seen by the user.

2. Change the title from : MarkerClusterer example

to : Marker Clusterer Utility

3. Make the clusters more interesting by changing position calculation to :

position: new google.maps.LatLng(42.345573 + (i/100),-71.098326 - 
(2*(Math.random())))

To see problem with filter tag/value on page reload:
1. Demo: google-maps-jquery-filtering.html
2. Select a tag-filter other than All
3. Reload the page --> All new markers/locations are generated and shown but 
the selector still says what the last selection was, not All

One way to fix, in html add id="all":
<option value="all" id="all">&nbsp;All</option>

At end of gmap creation:
document.getElementById("all").selected=true;

To enhance look and feel of icons: 1) replace javascript with this block:
var tag = "Wifi";
var icon = new google.maps.MarkerImage('images/wifi.png');
for ( i = 0; i < 40; i++ ) {
    if ( i > 10 ) { tag = "Snowboarding"; icon = new google.maps.MarkerImage('images/snowboarding.png');}
    if ( i > 20 ) { tag = "Music"; icon = new google.maps.MarkerImage('images/music.png');}
    if ( i > 30 ) { tag = "Dancing"; icon = new google.maps.MarkerImage('images/dancing.png');}
    $('#map_canvas').gmap('addMarker', { 'tag':tag, 'title':tag, 'bound':false, 'icon': icon, 'position': new google.maps.LatLng(southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan * Math.random()) } );
}

2) Put attached 4 icons in demos/images/
(images from http://code.google.com/p/google-maps-icons/ )

gmap() should return 'this' so it can be chained ie: 

$('.map').gmap().show();

Using the following code to try and display a custom control on the maps:

var myCustomControlDiv = document.createElement('div');
            var myCustomControl = new MyCustomControl(myCustomControlDiv);

            $('#map_canvas').gmap('addControl', 'myCustomControl', google.maps.ControlPosition.LEFT_TOP);


function MyCustomControl(controlDiv) {

            var control = this;

            var testBtn = document.createElement('div');
            testBtn.id = 'testBtn';
            testBtn.innerHTML = 'Alert!';
            controlDiv.appendChild(testBtn);

            // wire up jquery click
            $(testBtn).click(function () {
                alert('jquery click event');
            });

            // wire up jquery hover
            $(testBtn).hover(function () {
                $(this).toggleClass('btnHover');
            });
        }

The control will not appear for some reason.  I couldn't find any good examples 
of this and was hoping you could help me out.

What steps will reproduce the problem?
1. Download jquery-ui-map-3.0-rc.zip 
2. In demos/jquery-google-maps-filtering.html replace with the example code 
given on that page:
$('#map_canvas').gmap({'center': '59.3426606750, 18.0736160278' }).bind('init', 
function () {
    $('#map_canvas').gmap('addMarker', { 'foo': 'bar', 'position': '59.3426606750, 18.0736160278' });
    $('#map_canvas').gmap('addMarker', { 'foo': 'baz', 'position': '58.3426606750, 18.0736160278' });
    $('#map_canvas').gmap('find', 'markers', { 'property': 'foo', 'value': 'bar' }, function(marker, found) {
        marker.setVisible(found);
    });
}); 
3. Test with the example code

What is the expected output? What do you see instead?
It was expected the 'find' will filter by property, but it did not perform as 
excpected. I had tested the same with jquery-ui-map-3.0-beta and the 3.0 beta 
works.


What version of the product are you using? On what operating system?
jquery-ui-map-3.0-beta, Ubuntu 10.04 LTS/OSX Chrome, FF


Please provide any additional information below.
It seems like find could not retrieve the property (tags, categories etc) and 
this is only in 3.0 rc. It works with 3.0 beta.

What steps will reproduce the problem?
1. Create a basic map with jQuery UI. Maps div is called "map_canvas"
2. Use code sample provided for displaying driving directions. 
3. Directions are found but never drawn

What is the expected output? What do you see instead?
I expect to see a route drawn from one point to another.

What version of the product are you using? On what operating system?
Latest build 162 I believe 

Please provide any additional information below.
Here i the code I'm using. 

$(function(){
  $('#map_canvas').gmap().bind('init', function(evt, map){
    $('#map_canvas').gmap('displayDirections', { 'origin': 'Los Angeles, USA', 'destination': 'New York, USA', 'travelMode': google.maps.DirectionsTravelMode.DRIVING }, { 'panel': document.getElementById('panel') }, function(result, status) {
      if ( status === 'OK' ) {
        alert('Results found!');
      }
    });  
  });
  $("#map_canvas").gmap({"center": new google.maps.LatLng(41.741534, -111.829834)});
});


This bug might be not right as well because i'm trying to draw the route on the 
map while "displayDirections" implies that you are just showing directions vs 
drawingRoute or something like that. 

What steps will reproduce the problem?
0. Reproduced on Droid (do not see on HTC Evo)
1. Load the demo example other-examples.html (aka Click and Drag Events with 
Geo Search)
2. Add a marker, edit a field to bring up keyboard, hit "go" or submit key
3. The app will crash in browser (no message), browser reloads previous page 
(i.e. jquery-ui-map home page)

Fix by adding the following to the form

onsubmit="return false;"

* Unlikely to see user browsing these pages on Android due to poor scaling, etc.

What steps will reproduce the problem?

1. Use the attached code from Issue 45
(Ok to run on desktop, seen on Chrome/Ubuntu)
2. Correct any javascript errors - doesn't concern map controls
3. Click on small map (map_square)
4. This takes you to the page-map (map_canvas)
5. Often, not always, will see the screenshot attached

Not seen on mobile device. Not sure if real issue.

When I open map in FF 11.0 or Chrome 18.0.1025.162 the map and its scripts work 
correct, but sprite images doesn't load and I got message in JS console like 
this:

Resource interpreted as Image but transferred with MIME type text/html: 
"http://maps.googleapis.com/maps/gen_204?ev=api_viewport&cad=src:apiv3".

It is harmless untill you need controlls and baloons. In this case you get 
broken images or no image at all.

I'm developing project with jQuery 1.7.1, jQuery mobile 1.1 and jQuery UI Map 
3.0 RC under Ubuntu 11.10.

Mime type message appears even if I try to open official examples:
http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-geocoding
.html

addShape method (from overlays) return object as specified, but not what is 
expected.

Currently, it returns
$( offset )
which is push offset, wrapped by jQuery

I was expecting
$( shape )

I wrote a patched method, attached to this issue.

What steps will reproduce the problem?
1. Open in Internet Explorer using Filter implementation.
2.
3.

What is the expected output? What do you see instead?
I did not expect an error.

What version of the product are you using? On what operating system?
jQuery FN Google Map 3.0-beta

Please provide any additional information below.

I've been able to get it to work by replacing line 176. Using the 
jQuery.inArray method instead.

c(d[e], (( b.delimiter && d[e][b.property] ) ? ( 
d[e][b.property].split(b.delimiter).indexOf(b.value) > -1 ) : ( 
d[e][b.property] === b.value )));

With this

c(d[e], (( b.delimiter && d[e][b.property] ) ? ( jQuery.inArray(b.value, 
d[e][b.property].split(b.delimiter)) > -1 ) : ( d[e][b.property] === b.value 
)));


I have also notice line 189 uses indexOf as well, although it has not cause an 
error for me yet.

Summary: if a "bad" (unobtainable) route is requested once using 
displayDirections, the map will never show a route again (like when a "good" 
to/from re-entered) on the map, but directions will be updated indicating a 
successful route was found.

1. 
http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-mobile-example.html#j
query-mobile-example-3.html
2. Use default to/from and hit "Get directions" - map and directions - OK
3. Enter a bad "To" value (Hilo, HI, USA), leave Got. in "From" field
4. Hit "Get directions" - route is cleared from map, no directions - OK
5. Enter Stockholm, Sweden again in "To" field, hit "Get directions" ---> 
directions are updated, but map is not: no route shown even though success case.

What is the expected output? What do you see instead?
The route to be shown on map whenever route is possible.

Please use labels and text to provide additional information.
One fix is to add the line indicated with -->  <-- to jquery.ui.map.js:187

} else { 
instance.services.DirectionsRenderer.setMap(null);              
--> instance.services.DirectionsRenderer = null; <--
}

It should be possible to initialize the plugin manually, rather than have 
initialization take place when the source file is parsed.

This is critical because web applications must sometimes run offline; if the 
Google Maps API is unavailable (since it cannot be used offline), there needs 
to be a way for the app to gracefully degrade. Currently, this plugin assumes 
that that the google.maps object always exists.

i get an error 'Uncaught TypeError: Object [object Object] has no method 'pan'

http://code.google.com/p/jquery-ui-map/wiki/jquery_ui_map_v_3_sample_code#Search

What steps will reproduce the problem?
0. Use 3.0-rc version of plugin

1. Create map using jquery-mobile 1.1.0 and jquery-1.6.4
--> works as expected (beautifully)

2. Create map using jquery-mobile 1.1.0 and jquery-1.7.2
--> maps is put off-center in upper left of screen,
won't recenter or be dragged into place

3. It could be my code, but the following sample works great
with 1.6.4, then I make 1 change to 1.7.2 and the problem shows:

    $('#map_canvas').gmap( { 'center': defaultLoc, 'zoom' : 14, 'zoomControlOptions': {'position':google.maps.ControlPosition.LEFT_TOP} })
    .bind('init', function(evt, map) {
        $('#map_canvas').gmap('addControl', 'controls', google.maps.ControlPosition.BOTTOM_CENTER);
        document.getElementById('controls').style.display = 'inline';
    }); // end .bind

Note: jquery-mobile-1.1.0 "officially" supports using jquery 1.6.4 so
using 1.6.4 is an okay work-around for me.

This is feature request.

I see center method for map constructor.

Can we also have search address method for map constructor?

The file(s) are encoded as ISO-8859 with CRLF terminators, but ideally should 
be UTF-8 with LF terminators to work nicely with Rails. The iso-8859 encoding 
throws an exception with Sprockets under Rails 3.1.1.

What steps will reproduce the problem?
1. Drop jquery.fn.gmap.js into app/assets/javascripts/
2. include it in a page with javascript_include_tag 'jquery.fn.gmap.js'
3. load the page in browser and should see at Sprockets::EncodingError with 
'invalid UTF-8 byte sequence'

What is the expected output? What do you see instead?
It should render the page and include the jquery.fn.gmap.js file.

What version of the product are you using? On what operating system?
jquery-ui-map-3.0-alpha with Rails 3.1.1

Not an issue, but an addition request

I've done a removeEventListener method, and have cleaned addEventListener 
variable names to be more readable.

I've attached the file with the "issue"

It would be great to see a method to clear directions once they are rendered on 
the map (in my projet I have button to switch between location markers and 
directions : going back to markers after directions still shows the route, 
which is annoying). It's a small addition to the code but it would definitely 
be useful.
I guess the code would look like:

var clearDirections = function() {
 var a = this.get('services > DirectionsRenderer');
 if (a) {
   // see below what that does
   a.setMap(null);
   a.setPanel(null);
 }
}

From the GMap API:

google.maps.DirectionsRenderer class
- setMap(map:Map)    Pass null to remove the directions from the map.
- setPanel(panel:Node)  Pass null to remove the content from the panel.

What steps will reproduce the problem?
1. I initialize a map and add some markers with 'bounds': true
2. Then I remove the markers with $('#map_canvas').gmap('clear', 'markers') 
but keep the map to save initialization 
3. Then I add some other new markers with 'bounds': true
4. When I refresh the map $('#map_canvas').gmap( 'refresh' ); I get a map 
fitting both the new and old (removed) markers.

What is the expected output? What do you see instead?
I tried with a $('#map_canvas').gmap('clear', 'bounds') in step 2 but that left 
me with an unresponsive map.

What version of the product are you using? On what operating system?
3.0-rc1 used with jQuery Mobile on Android.

Please provide any additional information below.

There is currently no way to bind to any of the infowindow events because the 
reference to it is not accessible in any way via the API

I needed to bind to the close event and preform some cleanup, but i couldnt. i 
made some changes to the code:

(i added the cb argument)

openInfoWindow: function(a, b, cb) {
  this.get('iw').setOptions(a);
  this.get('iw').open(this.get('map'), this._unwrap(b)); 
  cb && cb(this.get('iw'));
}

Right now you can search for a single value, or a single value appearing in a 
list of values:

 $('#map_canvas').gmap('find', 'markers', { 'property': 'tags', 'value': 'foo', 'delimiter': ', '}, function(marker, isFound) { ... })

I would like to have an ability to search for multiple values in a single call. 
something like this:

 $('#map_canvas').gmap('find', 'markers', { 'property': 'tags', 'values': ['foo','bar','baz'] }, function(marker, isFound) { ... })

note that in my example call i set 'values' no 'value', also i provide an array 
of values which means i dont need to provide a delimiter. 

Also, the current code could benefit from using arrays instead of splitting a 
string. When you split a string, you get an array of strings back. but what if 
your tag was an integer? You could also drop the need for a delimiter if arrays 
were used.